/* Media Queries Breakpoints for Contact Page */


@media screen and (max-width: 450px) {

.grid-container .videobackground .videoloop {
    display: none
}
}

@media screen and (max-width: 670px) {
    
    .grid-container .overlayd {
        margin-top: 5%!important; 
    } 
}

@media screen and (max-width: 763px) {

    .grid-container .overlayd h4 {
        font-size: 1em!important; 
    } 

    .grid-container .overlayd .contactform {
        justify-content: left;
    }
}

@media screen and (max-width: 1090px) {

.grid-container .navbar {
    display: none;
  }
          
.grid-container .ssnavbar {
      position: absolute;
      max-height: fit-content;
      width: 100vw;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: center;
      text-align: center;
      text-decoration: none;
      list-style: none;
      background-color: #F2EFE9;
      font-family: "Raleway";
      font-size: 2.9vw;
  }
  
  .grid-container .ssnavbar .home {
      grid-column-start: 1/ span 1;
      text-decoration: none;
      list-style: none;
      color: #d9734e;
      padding: 4%;
  }
  
  .grid-container .ssnavbar .about {
      grid-column-start: 2/ span 1;
      text-decoration: none;
      list-style: none;
      color: #d9734e;
  }
  
  .grid-container .ssnavbar .logo {
      grid-column-start: 3 / span 1;
      max-width: 25vw;
      align-items: left;
      pointer-events: none;
  }
  
  .grid-container .ssnavbar .services {
      grid-column-start: 4 / span 1;
      text-decoration: none;
      list-style: none;
      color: #d9734e;
  }
  
  .grid-container .ssnavbar .contact {
      grid-column-start: 5 / span 1;
      text-decoration: none;
      list-style: none;
      color: #d9734e;
      margin-right: 2%;
    }
  
  .grid-container .ssnavbar a:hover {
      color: #B8ACAE;
  }
  
  .grid-container .ssnavbar .active {
      background-color: #B8ACAE;
      color: #d9734e;
      text-align: center;
      font-style: normal;
      border-radius: 15px;
      padding: 8%;
      text-decoration: none;
  }


  .grid-container .videobackground {
    background-color: #152238;
    max-height: fit-content;
    margin: 0%;
    z-index: -101;
 }

.grid-container .overlayd h4 {
    font-size: 1.25em!important; 
    margin-right: 10%!important;
    margin-top: 24%!important; 
}

.grid-container .whygetadvice {
    max-width: 90vw;
}

.grid-container .fees {
    max-width: 85vw;
}

.grid-container .footer .footerlogo {
    width: 30%;
}

}

@media screen and (min-width:1090px) and (max-width: 1180px) {

.grid-container .navbar {
    max-height: 300px;
    position: absolute;
    margin-right: 5%;
}

.grid-container .navbar .logo {
    width: 48%;
    padding: 1% 1%;
    margin-right: 2%;
}

.grid-container .navbar .navbuttons a {
    margin-right: 5%;
    margin-left: 0%;
    justify-content: space-between;
    float: left;
    font-size: 2vw;
}

.grid-container .overlayd h4 {
    font-size: 1.75em!important;  
    margin-right: 5%!important;
}

.grid-container .whygetadvice {
    margin-top: 7%!important;
}

.grid-container .footer .footerlogo {
    width: 20%;
}

}