* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  #more {display: none;}
  
  #myBtn {
      border:none;
      background-color:white;
      margin-left:25%;
  }
  
  #myBtn:hover{
      cursor:pointer;
  }
  
  body {
    overflow-x:hidden;
  }
  

  .resize-animation-stopper * {
    transition: none !important;
    animation: none !important;
  }
  
  .hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("b&wtrack.jpg");
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index:1;
    overflow:none;
    
  }
  
  .hero-text {
    position: relative;
    z-index:0;
    margin:auto;
    top:30%;
  }
  
  .hero-head {
    font-family:'Montserrat', sans-serif;
    color:#F1F1F1;
    text-align:center;
    letter-spacing:15px;
    font-size:40px;
    font-weight:100;
  }
  
  #line {
    height:1px;
    width:45%;
    margin:auto;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 52%, rgba(0,0,0,0) 100%);
    z-index:999999;
  }
  .hero-caption {
    font-family:'Jost', sans-serif;
    color:#F1F1F1;
    text-align:center;
    font-size:14px;
    padding-top:20px;
  }
  
  
  .hero-button {
    margin-top:60px;
    background:none;
    border:solid 1px white;
    color:white;
    padding:10px 30px 10px 30px;
    letter-spacing:2px;
    font-size:12px;
    text-align: center;
    font-family: 'Jost', sans-serif;
    text-decoration: none;
  }
  
  .hero-button:hover {
    background-color:white;
    transition:.2s;
    cursor:pointer;
    color:black; 
  }
  #results {
    width:50%;
    margin:auto;
    margin-top: 40px;
    text-align: center;
  }
  
  @media only screen and (max-width: 600px){
    .hero-caption {width:75%; margin:auto}
    .hero-image {height:500px}}
  
  @media only screen and (min-width: 600px){
      .hero-text {top:30%;margin:auto;}}
      
  @media only screen and (min-width: 1000px){
      .hero-text {top:30%; margin:auto}
      .hero-head{letter-spacing:40px; font-size:60px;}
      .hero-caption{font-size:16px;}}
    
  
  
  .container {
    width: 100%;
    margin: auto;
  }
  
  .navbar {
    width: 100%;
    position:absolute;
  }
  
  
  .navbar .menu-items {
    display: inline-block;
    text-decoration: none;
    font-family: "Jost", sans-serif;
  }
  
  .navbar .nav-container li {
    list-style: none;
  }
  
  .navbar .nav-container a {
    text-decoration: none;
    color: #F3FDF0;
    font-weight: 500;
    font-size: 16px;
    margin:3.0rem;
  }
  
  .navbar .nav-container a:hover {
    color:rgb(143, 143, 143);
    transition:.2s;
    }
    
  .nav-container {
    display: block;
    position: relative;
    height: 60px;
    background: rgb(0,0,0,.5);
  }
  
  
  .menu-items a::after { 
    content: "";
    position: relative;
    bottom: 0;
    left: 50%;
    display: block;
    background: none repeat scroll 0 0 transparent;
    height: 2px;
    width: 0;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
  }
  
  .menu-items a:hover::after { 
    width: 100%; 
    left: 12px; 
  }
  
  
  .nav-container .checkbox {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 20px;
    right: 20px;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
  }
  
  .nav-container .hamburger-lines {
    display: block;
    height: 18px;
    width: 24px;
    position: absolute;
    top: 17px;
    right: 20px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 900;
  }
  
  .nav-container .hamburger-lines .line {
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 10px;
  background: white;
  }
  
  .nav-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
  }
  
  .nav-container .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
  }
  
  .nav-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
  }
  
  .navbar .menu-items {
    padding-top: 100px;
    height: 100vh;
    width: 100vw;
    transform: translate(-150%);
    display: block;
    text-align: left;
    overflow:hidden;
    padding-right:20px;
    transition: transform 0.5s ease-in-out;
    position:absolute;
    background-color:black;
    z-index: 99;
    columns:2;
  }
  
  
  .navbar .menu-items li {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 500;
    z-index: 999;
  }
  
  
  .nav-container input[type="checkbox"]:checked ~ .menu-items {
    transform: translateX(0);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg);
  }
  
  .nav-container input[type="checkbox"]:checked ~ .logo{
    display: none;
  }
  
  @media screen and (max-width: 1150px) {
    #line {display:none;}
  } 
  @media screen and (min-width: 1150px) {
    .navbar .nav-container .hamburger-lines {display:none;}}
    
  @media screen and (min-width: 1150px) {
    .navbar .menu-items {
    justify-content:center;
    margin:auto;
    transform: translate(0%);
    padding-top: 14px;
    height:60px;
    display:flex;
    padding-left:0px;
    transition:none;
    color:#ABABAB;
  }
    
    .menu-items a:hover::after { 
    width: 80%; 
    left: 36px; 
  }}
  
  
  
  .tabhead {
    padding:15px;
    margin-bottom:10px;
    font-size:20px;
    border-bottom:1px solid #EBEBEB;
    margin-top:50px;
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
  
  .overview p{
    width:80%;
    margin:auto;
    font-family: Lato, sans-serif;
    font-size:16px;
    padding:20px, 10px, 10px, 30px;
    margin-bottom: 10px;
    font-weight:normal;
  }

  .overview {
    margin-bottom:100px;
  }
  
  @media only screen and (min-width: 600px) {
     .overview p {font-size:18px; padding:20px 20px 5px 20px; width:70%}}
     
  @media only screen and (min-width: 900px) {
     .overview p {font-size:18px; padding:20px 20px 5px 20px; width:50%;}}
  
  
  
  
  .homestat {
    width:100%;
    padding:20px;
    padding-top:20px;
    padding-bottom:100px;
    font-family:'Jost', sans-serif;
    text-align:center;
    color:white;
    font-size:20px;
    letter-spacing:2px;
    margin:auto;
  }
  
  @media only screen and (min-width: 900px) {
      .homestat {
    display:inline-block;
    width:24%;
    padding:20px;
    margin-top:50px;
    margin-bottom:50px;
    font-family:'Jost', sans-serif;
    text-align:center;
    color:white;
    font-size:24px;
  }}
  
  
  #homesummary {
    background: linear-gradient(0deg, rgba(0,0,0,1) 79%, rgba(62,56,56,0) 100%);
  }
  
  #quote {
    width:100%;
    padding:200px;
    color:#565656;
    background-color:#EBF0F1;
    margin:auto;
    text-align:center;
  }
  
  #underline {
    width:100px;
    border-bottom:3px solid #FCBA04;
    margin:auto;
    margin-bottom:20px;
    margin-top:10px;
  }
  
  #header {
    text-align:center;
    padding:5px;
    font-family: "Montserrat", sans-serif;
    margin-top:50px;
    font-weight:400;
  }
  
  .footer {
    background-color:black;
    width:100%;
    overflow:hidden;
    font-family:'Lato', sans-serif;
    border:none;
    height:400px;
   }
  .quicklinks-container {
   width:80%;
   margin:auto;
  }
  .quicklinks-container .quicklinks a {
   font-size:14px;
  }
  .quicklinks {
  list-style-type:none;
  padding:10px;
  display:inline-block;
  color:white;
  vertical-align:top;
  }
  
  .list-head {
   border-bottom:white solid 1px;
   margin-bottom:10px;
   text-align:center;
   width:fit-content;
   font-weight:bold;
   font-size:14px;
  }
  .quicklinks a {
  color:white;
  text-decoration:none;
  }
  
  .quicklinks li a {
  font-size:12px;
  font-weight:normal;
  }
  
  .quicklinks a:hover{
    color:#696969;
    }
  
  
  .terms {
  width:90%;
  border-top:solid 1px white;
  margin:auto;
  color:#ABABAB;
  padding-top:20px;
  margin-bottom:20px;
  font-size:12px;
  }
  .terms p {
  float:left;
  }
  .terms a {
  float:right;
  padding:10px;
  color:#ABABAB;
  margin-top:-10px;
  }
  
  .terms a:hover {
  color:white;
  }
  
  #footer-top {
    width:90%;
    border-bottom:white solid 1px;
    padding:20px;
    margin:auto;
  }
  @media only screen and (max-width: 800px) {
  .terms a {float:none; padding:5px;}
  .terms-list {width:90%; margin:auto; text-align:center;}
  .terms p {float:none; text-align:center; padding:10px;}}
 
  @media only screen and (min-width: 800px) {
   .quicklinks {padding:50px;}}

   @media only screen and (max-width: 800px) {
    .quicklinks {width:30%;}
    .quicklinks {padding-top:50px; padding-bottom:50px;}
    .footer {height:450px;}}

    span.blockspam {
      display: none;
      }

  
      .socials-icon {
        width: 1.2em;
        height: 1.2em;
        vertical-align: -0.125em;
        fill: white;
      }
      
      .socials-icon:hover {
      fill: #696969;
      cursor:pointer
      }