@charset "UTF-8";

/* === FONTS === */

@font-face {
  font-family: "Roboto Mono"; font-style: normal; font-weight: 100; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoMono-Thin.woff2") format("woff2"), url("../../../assets/css/fonts/RobotoMono-Thin.woff") format("woff"), url("../../../assets/css/fonts/RobotoMono-Thin.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 200; font-display: swap;
src: url("../../../assets/css/fonts/RobotoMono-ExtraLight.woff2") format("woff2"), url("../../../assets/css/fonts/RobotoMono-ExtraLight.woff") format("woff"), url("../../../assets/css/fonts/RobotoMono-ExtraLight.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Mono"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoMono-Light.woff2") format("woff2"), url("../../../assets/css/fonts/RobotoMono-Light.woff") format("woff"), url("../../../assets/css/fonts/RobotoMono-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap;
src: url("../../../assets/css/fonts/RobotoMono-Regular.woff2") format("woff2"), url("../../../assets/css/fonts/RobotoMono-Regular.woff") format("woff"), url("../../../assets/css/fonts/RobotoMono-Regular.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap;
src: url("../../../assets/css/fonts/RobotoMono-Medium.woff2") format("woff2"), url("../../../assets/css/fonts/RobotoMono-Medium.woff") format("woff"), url("../../../assets/css/fonts/RobotoMono-Medium.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap;
src: url("../../../assets/css/fonts/RobotoMono-Bold.woff2") format("woff2"), url("../../../assets/css/fonts/RobotoMono-Bold.woff") format("woff"), url("../../../assets/css/fonts/RobotoMono-Bold.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Graduate"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../../../assets/css/fonts/Graduate-Regular.woff") format("woff"), url("../../../assets/css/fonts/Graduate-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 100; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-Thin.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-Thin.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 200; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-ExtraLight.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-ExtraLight.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-Light.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-Regular.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-Medium.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-Medium.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-SemiBold.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-SemiBold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-Bold.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-Bold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 900; font-display: swap;
  src: url("../../../assets/css/fonts/RobotoSlab-Black.woff") format("woff"), url("../../../assets/css/fonts/RobotoSlab-Black.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}  

:root {
  --army-green: #5f7a50;
  --afc-yellow: #ffd530; 
  --aal-red: #E61E26;
  --almost-black: #010101;
}

html {overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth;}
body {background: #000000; color: #ffffff; font-family: 'Roboto Slab', sans-serif; font-weight:300; font-size: 1.25rem; line-height: 1.5; margin: 0;overflow-x: hidden;}

@media (max-width: 992px) {.container {max-width:94%;} }
@media (max-width: 767px) {body{ line-height: 1.4; } }
@media (max-width: 576px) {body{font-size: 1.2rem; line-height: 1.3; } }


/* === HEADER === */
header {position:relative; width: 100%; z-index:3; font-family: 'Roboto Mono'; font-size: 1.1rem; font-weight: 400; background 0.4s, all 0.3s linear; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);   transform: translate3d(0,0,0);  }

  /* STICKY NAVIGATION */
@media (min-width: 992px) {
  header.sticky-nav {width: 100%; position: fixed; -webkit-animation-name: growTop; -moz-animation-name: growTop; -o-animation-name: growTop; animation-name: growTop; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); z-index: 999; -webkit-transition: 0.4s ease; transition: 0.4s ease;  }
  header.sticky-nav header {background: #1c1c1c;}
 }

 /* ===== SITCKY NAV ANIMATION  ====== */
@-webkit-keyframes growTop {0% { opacity: 1; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -moz-transform: translateY(-300px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } }
@-moz-keyframes growTop {0% { opacity: 1; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -moz-transform: translateY(-300px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } }
@-o-keyframes growTop {0% { opacity: 1; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -moz-transform: translateY(-300px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } }
@keyframes growTop {0% {opacity: 1; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -moz-transform: translateY(-300px); } 100% {opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); } }

/* LOGO */
header .logo {margin: 0; padding: 15px 0 10px 0; -webkit-transition: 0.2s; transition: 0.2s;}
header .logo img {position: relative; display: inline-block; z-index: 2; height:32px;}
header .afc-logo {height: 50px; width:auto; margin-top: 15px;}
header .vertex-logo {height: 140px; width:auto; padding: 1rem 0;}


/* === NAVIGATION === */
header nav {width: 100%; padding: .5rem 0;}
header nav .navbar-toggler {margin: 0; padding: 9px; height: 48px; width: 48px; background: #2f2f2f; position: absolute; top: 20px; right: 0; z-index: 8; border: none;}
header nav .navbar-toggler:hover {background: var(--afc-yellow);}
header nav .navbar-toggler .fa {color: #fff; font-size: 20px;}
header nav .navbar-collapse {margin: 40px 40px 0; position: relative !important; padding-left: 0; padding-right: 0;} /* -15px */
header nav .navbar-nav { margin: 0;}
header nav .navbar-nav.date {border-bottom:2px solid #ffffff; width: 100%; padding-bottom: 10px;}
header nav .navbar-nav li a {text-decoration: none;  -webkit-transition: 0.2s; transition: 0.2s; }
header nav .navbar-nav li a:hover, header nav .navbar-nav li a:focus,
header nav .navbar-nav li a.active {color: var(--afc-yellow) !important; }
header nav.navbar .navbar-nav li a.nav-link {color: #fff; padding:0 25px; line-height: 40px; }
header nav .btn {font-family: 'Graduate', serif; font-weight:bold; font-size: 0.9rem; margin:-3px 0 0 0; position:absolute; right:30px; top:50%; transform: translateY(-50%);}
header nav .btn:hover {background:var(--almost-black); text-decoration:none;}
header nav .navbar-nav li {list-style: none; }

@media all and (min-width: 576px) {/* DESKTOPS */
  header nav .navbar-nav li {text-align: left; display: inline-block; overflow: visible; border: none !important; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; -webkit-transition: 0.2s; transition: 0.2s; }
}

@media (max-width: 1200px) {
  header .vertex-logo {margin-left: 20px;}
  header nav.navbar .navbar-nav li a.nav-link {padding:0 15px;}
}    

@media (max-width: 992px) { /* TABLETS & SMALLER */
  header nav .navbar-collapse.show {background: var(--almost-black); padding:20px; margin: 0; }
  header nav.navbar .navbar-nav li a.nav-link {padding-left: .5rem;} 
}

@media (max-width: 767px) {header .vertex-logo {height: 120px;} }
@media (max-width: 650px) {header nav .btn {position:relative; display: inline-block; top: 0; right: 0; margin: 1.7rem 0 1rem 0;}}


@media (max-width: 575.9px) { /* PHONES & SMALLER */
  header nav .navbar-toggler {display: inline-flex; justify-content: center; align-items: center; }
  header nav .navbar-nav li a {position: relative; display: inline-block; z-index: 2; overflow: hidden; font-size: 1rem; color: #fff; text-decoration: none; padding: 12px 15px; }
  header .vertex-logo {height: 100px;}
  header nav .navbar-collapse {margin: 40px 20px 0;}
}

/* ===== FOOTER GLOBAL ===== */
footer { background: var(--almost-black); color: #ffffff;}
footer a { color: #fff;}
footer .afc-logo {height: 50px; width:auto; margin-top: 15px;}

    /* Copyright */
.footer-copyright { background: #2F2F2F; font-size: 12px; padding: 15px 0; text-transform:uppercase;}
.footer-copyright a { color: #fff;}
.footer-copyright .copy span {font-weight: bold; margin:0 6px;}


/* ========== GENERAL ELEMENTS ========== */

a {color: var(--afc-yellow); text-decoration: none;}
a:hover {color: var(--afc-yellow); text-decoration: underline;}

a.white-link {color:#ffffff;}
a.white-link:hover {color:var(--afc-yellow); text-decoration:none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; margin: 0 0 1rem 0; position:relative;}
h2, h3, h4, .h2, .h3, .h4 {font-family: 'Roboto Slab', serif; }
h1, .h1 {font-size: 3rem; font-family: 'Roboto Slab', serif;}  /*48px */
h2, .h2 {font-size: 2.8rem; }  
h3, .h3 {font-size: 1.75rem;}  /*28px */
h4, .h4 {font-size: 1.5rem; color:var(--afc-yellow); } /*24px */
h5, .h5 {font-size: 1.375rem; font-family: 'Roboto Mono', sans-serif; font-weight:700;}  /*22px */

@media (max-width: 767px) {
  h1, .h1 {font-size: 2.5rem; }  /*40px */
  h2, .h2 {font-size: 2.1875rem; }  /*35px */
  h3, .h3 {font-size: 1.875rem; }  /*30px */
  h4, .h4 {font-size: 1.625rem;}
}

@media (max-width: 576px) {
  h1, .h1 {font-size: 2.375rem; } /*38px */
  h2, .h2 {font-size: 2.0625rem; } /*33px */
  h3, .h3 {font-size: 1.75rem; } /*28px */
  h4, .h4 {font-size: 1.5rem;}
}

.roboto {font-family: 'Roboto', sans-serif;}
.graduate {font-family: 'Graduate', serif; text-transform: uppercase;}

img, video {border: 0; max-width: 100%; height: auto; width:auto;}
ul li {list-style-type: square;}
.clear {clear: both; float: none !important; margin: 0; padding: 0;}
.txt-trans-none {text-transform: none;}
.hand, a.hand {cursor: hand; cursor: pointer;}
.no-hand {cursor: default;}
.dnone {display: none; visibility: hidden;}
.uLine {text-decoration: underline}
.no-break {white-space: nowrap;}
  @media (max-width: 476px) {.no-break {white-space: normal;}}
.bkg-yellow {background: var(--afc-yellow);}
.bkg-green {background: var(--army-green);}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.text-red {color: var(--aal-red);}
.text-black {color: var(--almost-black);}
.text-white {color: #ffffff;}
.text-offwhite {color: #e6e0c7;}
.text-yellow {color: var(--afc-yellow);}
.text-uppercase {text-transform: uppercase;}
.arrow-right:after {content: "\f061"; margin-left:0.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.stay-in-touch {font-family:'Roboto Mono'; font-weight: 400;}

/* Sroll to Top */
.scrollToTop {background: #a3a3a3; color: #ffffff !important; display: none; font-size: 22px; line-height: 35px; position: fixed; bottom: 90px; right: 20px; text-align: center; text-decoration: none; width: 35px; height: 35px; border-radius: 6px; z-index: 999; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.scrollToTop:hover, .scrollToTop:focus {background: #777777; color: #2f2f2f;}

  /* === SECTIONS === */
section, .main {position:relative;}
.section-main {padding: 60px 0;}
.section-main.sign-up {border:solid var(--aal-red); border-width:8px 0}


  /* === BUTTONS === */
button {-webkit-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s; border-radius:0.4rem;}
.btn  {font-family: 'Graduate', serif; text-transform: uppercase; border:0; border-radius:0; padding: 0.375rem 1.5rem; border-radius:0.4rem;}
.btn:active, .btn:hover, .btn.active {background-image: none; border: none; text-decoration:none;}

.btn-default {background: transparent; border:2px solid #ffffff; color:#ffffff !important;}
.btn-default:hover, .btn-default:focus, .btn-default:active {color: var(--afc-yellow) !important; border: 2px solid var(--afc-yellow);}
 
.btn-yellow {background: var(--afc-yellow); border:2px solid var(--afc-yellow); color:#000000 !important}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {background-color: transparent; color: #ffffff !important; border: 2px solid #ffffff;}

.btn-no-change {background: var(--afc-yellow); border:2px solid var(--afc-yellow); color:#000000 !important;}
.btn-no-change:hover, .btn-no-change:focus, .btn-no-change:active {background-color: var(--afc-yellow) !important; border:2px solid var(--afc-yellow); color:#000000 !important; cursor: default !important;}

.btn-green {background: var(--army-green); border:0; color:#ffffff !important;}
.btn-green:hover, .btn-green:focus, .btn-green:active {background: var(--afc-yellow); color: #000000 !important; border:0; text-decoration:none;}

.btn-red {background: var(--aal-red); border:0; color:#ffffff !important;}
.btn-red:hover, .btn-red:focus, .btn-red:active {background: var(--afc-yellow); color: #000000 !important; border:0; text-decoration:none;}

.btn-white {background: #ffffff; border: 0; color:#000000 !important;}
.btn-white:hover, .btn-white:focus, .btn-white:active {background-color: var(--afc-yellow); color: #000000 !important; border: 0;}


.btn-lg {padding: 0.75rem 2rem;}
@media (max-width: 576px) { 
  .btn-lg {padding: .4rem .8rem; font-size: 1.1rem;}
  .section-main {padding: 40px 0;}
}

  /* === Hard Rules === */
hr {border-top-color: #eeeeee;}
hr.lg {margin: 60px 0;}
hr.sm {margin: 40px 0;}
hr.no-top-margin {margin-top: 0;}
hr.dark {border-top-color: #3f3f3f;}
hr.red {border-top-color: var(--aal-red);}
hr.thick {height: 2em;}

  /* === FORMS === */
label {display: inline-block; margin-bottom: 5px; color: #2f2f2f; font-weight: normal;}
.required {color: #E6E0C7;}
label.error {color: #a94442;}
.form-group {margin-bottom: 30px;}
.form-control {border-radius:3px;}
.form-control:focus {border-color: #cacaca; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 202, 202, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 202, 202, 0.6);}
select.form-control.is-invalid, .was-validated select.form-control:invalid,
select.form-control.is-valid, .was-validated select.form-control:valid {background-position: right calc(.375em + .8rem) center;}
.alert-success {color:#000000;}

.green-bar {background: var(--army-green); height:30px;}
.red-bar {background: var(--aal-red); height:30px; position:relative;}
.red-bar.stripes:after {content:""; position:absolute; background:url("../img/general/stripes-white.png"); width:300px; height:76px; right:40px; top:-20px;}

@media (max-width: 767px) {
  .red-bar {height:20px;}
  .red-bar.stripes:after {background:url("../img/general/stripes-white-sm.png"); width:200px; height:51px; top:-12px;}
}

.yellow-bar {background: var(--afc-yellow); height:30px; position:relative;}
.yellow-bar.stripes:after {content:""; position:absolute; background:url("../img/general/stripes-white.png"); width:300px; height:76px; right:40px; top:-20px;}

@media (max-width: 767px) {
  .yellow-bar {height:20px;}
  .yellow-bar.stripes:after {background:url("../img/general/stripes-white-sm.png"); width:200px; height:51px; top:-12px;}
}

.dots {position: relative; margin-top:-3.75rem; margin-right: 5rem !important;}
.chevron {position: relative; margin-top:-3.5rem; margin-right: 5rem !important;}
.black-lines {position: relative; margin-top:-2.5rem;}

@media (max-width: 992px) {.dots {margin-top:-3.25rem;}   .dots img {max-width:275px;}}
@media (max-width: 767px) {.dots { margin-right: 3rem !important;} }
@media (max-width: 576px) {.dots {margin-top:-2.25rem;}    .dots img {max-width:200px;}}

.request-invite {font-family: 'Roboto Mono', sans-serif; font-weight: 400;font-size: 1.2rem;}

/* ===== HERO BANNERS ===== */
.hero {position:relative;  overflow:hidden; font-family: 'Roboto Mono', sans-serif; font-weight:400;}
.hero-banner {color:#ffffff; position: relative; min-height:300px; text-align: left;}
.hero-content {color:#ffffff; min-height:300px; }

/* === BOXES === */
.box-info {border:2px solid #ffffff; padding: 2rem; position:relative; text-align:center;}
.box-info.yellow {border:3px solid var(--afc-yellow);}
.box-info.red {border:3px solid var(--aal-red);}
.box-info .box-header {text-transform: uppercase; font-weight:500; font-size: 1.3rem; margin:0;}
.box-info .box-header span {display:block;}

/* === MODALS === */
.modal {color: var(--almost-black);}
.modal .modal-title {}
@media (max-width: 767px) {.hero .btn-default {margin-bottom:20px;} }

.social-icons a {color:#ffffff; font-size: 2rem;}
.social-icons a:hover {color: var(--afc-yellow);}