html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

#wrapper, .wrap-holder {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer {
  flex-shrink: 0;
  font-size: 12px !important;
}

body {
	font-family:'Calibre-Regular';
}

@font-face {
  font-family: "Calibre-Black";
  src: url(../fonts/calibre/Calibre-Black.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Black{
  font-family: "Calibre-Black";
}
@font-face {
  font-family: "Calibre-BlackItalic";
  src: url(../fonts/calibre/Calibre-BlackItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-BlackItalic{
  font-family: "Calibre-BlackItalic";
}
@font-face {
  font-family: "Calibre-Bold";
  src: url(../fonts/calibre/Calibre-Bold.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Bold{
  font-family: "Calibre-Bold";
}
@font-face {
  font-family: "Calibre-BoldItalic";
  src: url(../fonts/calibre/Calibre-BoldItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-BoldItalic{
  font-family: "Calibre-BoldItalic";
}
@font-face {
  font-family: "Calibre-Light";
  src: url(../fonts/calibre/Calibre-Light.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Light{
  font-family: "Calibre-Light";
}
@font-face {
  font-family: "Calibre-LightItalic";
  src: url(../fonts/calibre/Calibre-LightItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-LightItalic{
  font-family: "Calibre-LightItalic";
}
@font-face {
  font-family: "Calibre-Medium";
  src: url(../fonts/calibre/Calibre-Medium.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Medium{
  font-family: "Calibre-Medium";
}
@font-face {
  font-family: "Calibre-MediumItalic";
  src: url(../fonts/calibre/Calibre-MediumItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-MediumItalic{
  font-family: "Calibre-MediumItalic";
}
@font-face {
  font-family: "Calibre-Regular";
  src: url(../fonts/calibre/Calibre-Regular.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Regular{
  font-family: "Calibre-Regular";
}
@font-face {
  font-family: "Calibre-RegularItalic";
  src: url(../fonts/calibre/Calibre-RegularItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-RegularItalic{
  font-family: "Calibre-RegularItalic";
}
@font-face {
  font-family: "Calibre-Semibold";
  src: url(../fonts/calibre/Calibre-Semibold.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Semibold{
  font-family: "Calibre-Semibold";
}
@font-face {
  font-family: "Calibre-SemiboldItalic";
  src: url(../fonts/calibre/Calibre-SemiboldItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-SemiboldItalic{
  font-family: "Calibre-SemiboldItalic";
}
@font-face {
  font-family: "Calibre-Thin";
  src: url(../fonts/calibre/Calibre-Thin.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-Thin{
  font-family: "Calibre-Thin";
}
@font-face {
  font-family: "Calibre-ThinItalic";
  src: url(../fonts/calibre/Calibre-ThinItalic.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.Calibre-ThinItalic{
  font-family: "Calibre-ThinItalic";
}

.navbar img{
	height:52px;
}