h2{
  font-weight: 400;
}
.intro h3{
  font-weight: 400;
  font-size: 1.4em;
  max-width: 820px;
  margin: 0 auto;
}
.btn__green, .btn__green--inverse{
  font-size:1em;
}
.mapbanner--contain h3{
  font-size: 24px;
}
.header__txt h1{
  font-weight: 500;
}


@media only screen and (max-width: 800px), only screen and (max-device-width: 1024px) {
  .intro h2{
    font-size: 1.6em;
  }
  .intro h3{
    font-size: 0.8em;
    width: 80%;
  }
  .contact h2{
    font-size: 1.2em;
  }
  .top__head h2{
    font-size: 1.6em;
    font-weight: 600;
  }
  .top__head h3{
    font-size: 0.85em;
  }
  .content h4{
    font-size: 1.2em;
  }
}
/* ################################################################################################################## 1280px */
@media only screen and (max-width: 1280px) {
  .contact h2{
    font-size: 2.6em;
  }
}
/* ################################################################################################################## 800px */
@media only screen and (max-width: 800px) {
  .contact h2{
    font-size: 2.2em;
  }
}

/* ################################################################################################################## 420px */
@media only screen and (max-width: 420px) {
  .intro__m h3{
    font-size: 1.1em;
  }
  .btn__green, .btn__green--inverse{
    font-size:.9em;
  }
  .mapbanner--contain h3{
    font-size: 18px;
  }
  .contact__head{
    display: none;
  }
  .contact__headm{
    display: block;
  }
}