@media (max-width:767px) {
   /* mobile */

   .showMobile{display:block;}
   .hideMobile{display:none !important;}
   .wrapper {
      width:100%;
      padding:0 20px;

   }
   .wrapper {
      padding:0 20px;
   }
   .nav {
      height: 70px;
   }
   .article {
      padding-top: 70px;
   }
   .menu__links {
      top:70px;
   }
   .menu {
      padding: 15px 0;
   }
   .menu__logo {
      padding-left: 20px;
      width: 200px;
   }

   .menu__link a {
      padding-left: 20px;
   }

   .hero {
      padding: 0 20px;
      min-height: 0;
      height: auto;
      padding-bottom: 30px;
   }
   .hero__text {
      font-size: 27px;
      width: 100%;
      padding: 40px 20px 80px;
      margin-top: 50px;
   }
   .hamburger-menu {
      right: 10px;
      top:20px;
   }

   .bigtext {
      font-size: 40px;
      letter-spacing: -1px;
   }
   .hero .bigtext {
      font-size: 70px;
      letter-spacing: -1px;
   }
   .reallybigtext {
      font-size: 65px;
   }
   .heading h2 {
      padding:50px 0 30px;
   }
   .dual {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .dual .dual__text {
      -webkit-order: 1;
      order: 1;
      padding: 0 20px;
   }
   .dual__text p {
      margin-bottom: 30px;

   }

   .dual .dual__image {
      -webkit-order: 2;
      order: 2;
      margin-top: 20px;
   }
   .dual .dual__image,
   .dual .dual__text {
      width: 100%;
   }
   .wrapper-left {
      padding-left: 0px;
   }
   .wrapper-right {
      padding-right: 0px;
   }
   .dual--ob3 .dual__image,
   .dual--ob1 .dual__image {

      padding-left: 20%;

   }
   .dual--ob2 .dual__image {
      padding-right: 20%;
   }
   .dual--os1 .dual__image {
      padding-left: 20%;
   }
   .dualsticky__right {
      width: 100%;
      margin-top: 30px;
      -webkit-order: 2;
      order: 2;
   }
   .stickyside__pos {
      width: 100%;
      padding-left: 20%;
   }

   .services {
      padding-right: 0;
   }

   .quotes {
      width: 100%;
   }
   .quote {
      margin-bottom: 50px;
   }
   .quote__profile {
      width: 100%;
      display: block;
      text-align: center;
      margin-bottom: 20px;
   }

   .quote__name {
      text-align: center;
   }
   .quote__text {
      font-size: 22px;
   }
   .quote__name h4 {
      font-size: 14px;
   }
   .landing--about-us::before {
      background-position: center 200px;
      background-size: 200px;

   }
   .team {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      padding:0 20px;
      margin-top: 30px;
   }
   .team__text {
      width: 100%;
   }
   .team__text  h3{
      font-size: 22px;
      margin-bottom: 20px;
   }
   .team__text  h4{
      font-size: 18px;
      margin-top: 30px;
   }

   .team__text > h3:first-child {
      margin-bottom: 280px;
   }
   .contact-us {
      margin: 50px 0;
   }
   .contact {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
   }

   .contact__phone {
      width: 100%;
      text-align: left;
      margin:10px 0;
   }
   .contact__email,
   .contact__social {
      width: 100%;
   }
   .backtop {
      font-size: 20px;
      padding: 10px;
   }
   .contact__social {
      text-align: left;
      margin-top: 30px;
   }


   .landing--about-us {
      background: #077CAB;

   }
   .landing--about-us::before {

      background-attachment:inherit;

   }
}

@media (max-width:480px) {



}
@media (max-width:400px) {


}
@media (max-width:360px) {



}
@media (max-width:340px) {



}


.replacecontent {
   background:pink;
}