@media screen and (max-width:1000px) {
  #mobileTriggerWrap {display: block;}
  #mobileTrigger {
    position: absolute;
    top: 12px;
    right: 10px;
  }
  .mainnav {height: 90px;}
  .mainnav .menu {
    display: none;
    top: 0px;
    /*display: block;*/
    position: relative;
    background-color: rgba(255, 255, 255, 0.95);
    height: calc(100vh - 90px);
    padding-top: 2em;
  }
  .mainnav .menu li {
    float: none;
    display: block;
    text-align: center;
  }
  .mainnav .menu li a {
    display: inline-block;
    font-size: 1.5em;
    color: #263944;
  }


  .mainnav .logo {float: left;}
  .mainnav .logo img {height: 60px;}

  section.interior-hero .mainnav {
    position: absolute;
  }
  section.home-hero .mainnav {
    position: absolute;
    top: 0;
    bottom: auto;
  }
  section.home-hero .mainnav.sticky {
    position: absolute;
  }

  .hero-cta-outer {
    padding-top: 90px;
  }
  .hero-cta-inner-left, .hero-cta-inner-right, .hero-cta-inner-center {
    width: 90%;
  }

}

@media screen and (max-width:768px) {
  .scroll-down-arrow {bottom: 40px;}
  .section-full-padding {padding: 2rem 2rem;}
  .mainnav .menu li a {font-size: 2em;}

  .grid-group {display: block;border: 0;}
  .grid-group .grid-group-col {
    width: 100%;
  }
  .grid-group .grid-group-col .grid-item-overlay {border: 0 !important;}
  .grid-group .grid-group-col .small-block, .grid-group .grid-group-col .large-block {
    padding-bottom: 60%;
    border:0;
    margin-bottom: 20px;
  }
  .client-logo-wrap article {width: 30%; }
  footer > section.section {padding-left: 2em;padding-right: 2em;}

  .team-overlay figcaption {display: none;}
  .team-overlay:before {display: none;}

  .grid-item-overlay:before {opacity: 1;}
  .grid-item-overlay figcaption {opacity: 1;}

}
@media screen and (max-width:480px) {
  h1, .h1 {font-size: 2.5rem;}
  .hero-cta-inner-left, .hero-cta-inner-right, .hero-cta-inner-center {
    width: 100%;
  }
  .hero-cta-outer {width: 90%;}
  .mainnav .menu li a {font-size: 1.5em;}

  .thick-borders-all {border: 20px solid #fff}
  .thick-borders-side {border-left: 20px solid #fff;border-right: 20px solid #fff}
  .thick-borders-top {border-top: 20px solid #fff}
  .thick-borders-bottom {border-bottom: 20px solid #fff}
  .grid-group .grid-group-col .small-block, .grid-group .grid-group-col .large-block {
    padding-bottom: 100%;
  }
  .grid-item-overlay figcaption {
    padding: 0 10px;
  }
  .grid-item-overlay p {
    max-width: 100%;
  }
  .client-logo-wrap article {width: 40%; }
  .client-logo-wrap article img {height: auto;}
  footer > section.section {padding-left: 1em;padding-right: 1em;}

  .centered-title-blog h2 {background: none;}
  .centered-title-blog h2 span {padding: 0}

  .grid-item-overlay h2 {font-size: 24px;}
  .grid-item-overlay h3 {font-size: 36px;}
}