@font-face {
  font-family: Montserrat-Regular;
  src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
  font-family: Montserrat-Medium;
  src: url('../fonts/Montserrat-Medium.ttf');
}

@font-face {
  font-family: Montserrat-Light;
  src: url('../fonts/Montserrat-Light.ttf');
}

@font-face {
  font-family: Montserrat-LightItalic;
  src: url('../fonts/Montserrat-LightItalic.ttf');
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
  font-family: Montserrat-ExtraBold;
  src: url('../fonts/Montserrat-ExtraBold.ttf');
}

@font-face {
  font-family: Montserrat-ExtraLight;
  src: url('../fonts/Montserrat-ExtraLight.ttf');
}

@font-face {
  font-family: Montserrat-SemiBold;
  src: url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face {
  font-family: Montserrat-Thin;
  src: url('../fonts/Montserrat-Thin.ttf');
}

@font-face {
  font-family: Montserrat-ThinItalic;
  src: url('../fonts/Montserrat-ThinItalic.ttf');
}

.FontRegular {
  font-family: Montserrat-Regular;
}

.FontMedium {
  font-family: Montserrat-Medium;
}

.FontLight {
  font-family: Montserrat-Light;
}

.FontLightItalic {
  font-family: Montserrat-LightItalic;
}

.FontBold {
  font-family: Montserrat-Bold;
}

.FontExtraBold {
  font-family: Montserrat-ExtraBold;
}

.FontExtraLight {
  font-family: Montserrat-ExtraLight;
}

.FontSemiBold {
  font-family: Montserrat-SemiBold;
}

.FontThin {
  font-family: Montserrat-Thin;
}

.FontThinItalic {
  font-family: Montserrat-ThinItalic;
}

* {
  -webkit-font-smoothing: antialiased;
  font-family: Montserrat-Regular;
}

html, body {
  font-family: Montserrat-Regular;
  background-color: black;
}

.labels {
  font-family: Montserrat-Light;
  font-size: .8em;
  margin-bottom: .2em;
}

.inputs {
  font-family: Montserrat-Medium;
}

.helpers {
  font-family: Montserrat-LightItalic;
  font-size: .8em;
}

.text-bluet   { color: #c0e0ff; }
.bg-bluet     { background-color: #c0e0ff; }
.border-bluet { border-color: #c0e0ff; }

.text-gray    { color: #f0f0f0; }
.bg-gray      { background-color: #f0f0f0; }
.border-gray  { background-color: #f0f0f0; }

.text-darkblue   { color: #034f84; }
.bg-darkblue     { background-color: #034f84; }
.border-darkblue { border-color: #034f84; }

.text-orange   { color: #fd7e14; }
.bg-orange     { background-color: #fd7e14; }
.border-orange { border-color: #fd7e14; }

.text-gold   { color: #c79e41; }
.bg-gold     { background-color: #c79e41; }
.border-gold { border-color: #c79e41; }

.text-outline {
  text-shadow:
     1px  1px 0 #000,
    -1px  1px 0 #000,
    -1px -1px 0 #000,
     1px -1px 0 #000;
}

.text-outline-gray {
  text-shadow:
     1px  1px 0 #ccc,
    -1px  1px 0 #ccc,
    -1px -1px 0 #ccc,
     1px -1px 0 #ccc;
}

.text-outline-gold {
  text-shadow:
     1px  1px 0 #c93,
    -1px  1px 0 #c93,
    -1px -1px 0 #c93,
     1px -1px 0 #c93;
}

.text-shadow {
  text-shadow: 2px 2px 5px #034f84;
}

.offcanvas-background {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 50%;
}