@import url(bootstrap.min.css);
@import url(fonts.css);
:root {
  --white: #FFFFFF;
  --black: #222222;
  --black-dark: #1d1d1d;
  --gray: #666666;
  --pink: #FF99CB;
  --orange: #BB4227;
  --orange-light: #F9B217;
  --orange-dark: #541708;
  --yellow: #F9B217;
  --yellow-light: #F9E11E;
  --yellow-dark: #563C02;
  --blue: #1C6780;
  --blue-light: #48CDF4;
  --blue-dark: #195c73; }

body {
  background-color: var(--white);
  color: var(--black);
  font-size: 21px; }

body, p, li {
  font-family: 'Figtree', sans-serif;
  font-weight: 400; }

.text-lg {
  font-size: 24px;
  line-height: 1.4; }

.text-lg-plus {
  font-size: 27px;
  line-height: 1.4; }

.text-xl {
  font-size: 33px;
  line-height: 1.4; }

.text-splash {
  font-size: 45px;
  line-height: .9; }

.text-md {
  font-size: 18px;
  line-height: 1.4; }

.text-sm {
  font-size: 16px;
  line-height: 1.2; }

.header {
  height: 80px;
  padding-top: 25px; }

.logo-full {
  height: 40px; }

.logo-header {
  height: 30px;
  margin-top: 30px;
  margin-bottom: 30px; }

.logo-main {
  height: 120px; }

.logo-footer {
  height: 30px;
  margin-top: 30px;
  margin-bottom: 30px; }

.logo-lg {
  min-height: 120px; }

.icon {
  height: 30px;
  margin-top: 30px;
  margin-bottom: 30px; }

.icon-sm {
  height: 25px; }

.btn-header,
.btn-header:hover,
.btn-header:active {
  height: 40px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 40px;
  background: var(--black);
  color: var(--yellow);
  border: 0 !important;
  padding: 0 20px; }

.btn-main,
.btn-main:hover,
.btn-main:focus,
.btn-main:active {
  background: var(--orange);
  color: var(--white);
  border: 0 !important;
  font-weight: 400 !important; }

.btn-wide {
  padding-left: 25px;
  padding-right: 25px; }

.btn-header:focus {
  border-color: var(--yellow); }

.mt--1 {
  margin-top: -8px; }

.line-yellow {
  background: var(--yellow); }

.logo-icon {
  height: 60px;
  margin-top: -10px; }

.p-relative {
  position: relative; }

.col-logo {
  min-height: 250px; }

.logo-icon-lg {
  height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -125px;
  margin-left: -125px; }

.container-min {
  min-height: 80vh; }

.container-outer {
  padding-top: 60px;
  padding-bottom: 60px; }

.container-full {
  min-height: 100vh; }

.typewriter {
  font-family: 'typewriter'; }

.debug {
  border: 1px solid var(--white); }

.container-content {
  min-height: 100vh; }

.bg-orange {
  background: var(--orange); }

.bg-yellow {
  background: var(--yellow); }

.bg-blue {
  background: var(--blue); }
  .bg-blue .bordered {
    border: 4px solid var(--blue-dark); }

.bg-blue-dark {
  background: var(--blue-dark); }

.bg-black-dark {
  background: var(--black-dark); }

.bg-black {
  background: var(--black) !important; }
  .bg-black .bordered {
    border: 4px solid var(--black-dark) !important; }

.text-yellow {
  color: var(--yellow); }

.text-orange {
  color: var(--orange); }

.text-blue {
  color: var(--blue); }

.link-icon {
  position: relative;
  top: 0; }

.fa-star {
  position: relative;
  margin-top: -5px; }

.quote {
  display: none;
  -webkit-transition: .25s;
  transition: .25s;
  font-size: 60px; }

.quote.active {
  display: block;
  -webkit-transition: .25s;
  transition: .25s; }

.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none; }

.border-orange {
  border: 3px solid #99341e;
  border-radius: 0.375rem; }

.img-glyph {
  height: 70px;
  margin-top: 50px; }

.invert {
  rotate: 180deg;
  margin-bottom: 50px;
  margin-top: 0; }

.img-glyph-sm {
  height: 60px;
  margin-top: 20px; }

.btn-yellow,
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
  border-color: var(--yellow);
  background: var(--yellow);
  color: var(--blue-dark); }

.btn-black-on-yellow,
.btn-black-on-yellow:hover,
.btn-black-on-yellow:focus,
.btn-black-on-yellow:active {
  border-color: var(--yellow);
  background: var(--yellow);
  color: var(--black); }

.btn-orange,
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
  border-color: var(--orange);
  background: var(--orange);
  color: var(--white); }

.btn-black,
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
  border-color: var(--black);
  background: var(--black);
  color: var(--yellow); }

.btn-black-dark {
  border: 2px solid var(--yellow) !important;
  background: var(--black-dark);
  color: var(--yellow); }
  .btn-black-dark:hover, .btn-black-dark:focus, .btn-black-dark:active {
    border: 2px solid var(--yellow) !important;
    background: var(--black-dark);
    color: var(--yellow); }

.btn-blue-dark {
  border: 2px solid var(--yellow) !important;
  background: var(--blue-dark);
  color: var(--yellow); }
  .btn-blue-dark:hover, .btn-blue-dark:focus, .btn-blue-dark:active {
    border: 2px solid var(--yellow) !important;
    background: var(--blue-dark);
    color: var(--yellow); }

.link-yellow {
  color: var(--yellow);
  text-decoration: none;
  border-bottom: 2px solid var(--yellow); }
  .link-yellow:active, .link-yellow:focus, .link-yellow:hover {
    color: var(--yellow);
    border-bottom: 2px solid var(--yellow-light); }

.link-header,
.link-header:hover,
.link-header:focus,
.link-header:active {
  text-decoration: none;
  border: 0; }

label {
  font-size: 14px;
  color: var(--yellow);
  font-weight: 700; }

.btn,
.text-bold {
  font-weight: 700; }

.divider {
  height: 4px;
  background: var(--blue-dark);
  display: inline-block;
  width: 50px; }

.divider-yellow {
  background: var(--yellow); }

.divider-black {
  background: var(--black); }

.divider-black-dark {
  background: var(--black-dark); }

.divider-blue {
  background: var(--blue); }

.divider-full {
  display: block !important;
  width: 100%;
  height: 5px; }

.list {
  margin-left: 0;
  padding-left: 18px; }
  .list li {
    padding-left: 10px;
    margin-bottom: 25px;
    line-height: 1.4; }

.text-medium {
  font-weight: 600; }

.link-main {
  color: #BB4227;
  text-decoration: none;
  border-bottom: 2px solid var(--orange); }
  .link-main:focus, .link-main:hover {
    color: #BB4227;
    text-decoration: none; }

.link-main-header {
  font-size: 16px; }

.header .link-main {
  color: var(--blue);
  font-weight: 700;
  text-decoration: none;
  border: 3px solid var(--yellow);
  padding: 0;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: inline-block;
  line-height: 36px;
  text-align: center; }
  .header .link-main:focus, .header .link-main:hover {
    color: var(--blue);
    text-decoration: none; }

.header .link-main.disabled {
  color: var(--blue);
  border: 3px solid var(--blue); }

@media (min-width: 767px) {
  .quote {
    font-size: 80px; }
  .container-outer {
    padding-top: 100px;
    padding-bottom: 100px; }
  .text-xl {
    font-size: 42px;
    line-height: 1.4; } }

@media (min-width: 992px) {
  .logo-header {
    height: 30px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .text-splash {
    font-size: 70px; }
  .container-outer.first {
    padding-top: 40px; } }