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

.wrapper {max-width: 1600px;}

}
@media screen and (max-width: 1600px) {
h2, h3, .contact h3 {font-size: 50px; line-height: 50px;}
p, .form-field label {font-size: 16px;}

.wrapper {max-width: 1300px;}
.wrapper-sml {max-width: 1200px;}

.home-banner .wrapper article {padding: 0;}

.feature .grid .tile p {font-size: 18px;}

.content article {width: 40%;}

.grid-right {grid-template-columns: 230px 1fr;}
.contact .form-wrapper {padding: 60px;}

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

  p, .form-field label {font-size: 14px;}

  .wrapper {max-width: 1100px;}
  .wrapper-sml {max-width: 1000px;}

  .home-banner .wrapper {align-items: flex-end; bottom: 50px;}
  .home-banner .wrapper article .button {margin-top: 0px;}

  .contact .form-wrapper .grid {grid-template-columns: repeat(2, 1fr);}
  #contactform .check-label {padding: 10px 15px 10px 35px;}
}
@media screen and (max-width: 1100px) {
  .wrapper {max-width: 90%;}
  .wrapper-sml {max-width: 85%;}

  .feature article {position: relative; bottom: auto; right: auto; margin-top: 30px;}
  .feature article p {margin: 0; line-height: 1;}

  .social {margin: 30px 0;}
  .grid-right {grid-template-columns: 100%; grid-gap: 0px;}

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


}
@media screen and (max-width: 900px) {
  h2, h3, .contact h3 {
    font-size: 30px;
    line-height: 30px;
  }
.menu, .right .button {display: none;}
.hamburger {display: block;}
.left {padding: 10px 0;}

.home-banner {height: 50vh; border-radius: 0 0 50px 0;}
.home-banner .wrapper  {bottom: 30px;}
.home-banner .wrapper h1 {margin-top: 30px;}

.content {padding: 50px 0;}
.content figure, .content article {width: 100%;}
.content figure {order: 2;}
.content article {margin-bottom: 30px}
.content article .button {margin-top: 10px;}

.contact .wrapper-sml {padding: 50px 0;}

.contact .form-wrapper {padding: 30px;}

.form-field {width: 100%;}
#contactform .grid { margin-top: 20px;}
#contactform .grid h6 {grid-column: span 1;}
.contact .form-wrapper .grid { grid-template-columns: 100%; }

.feature, .contact {border-radius: 50px 0 50px 0;}
.feature .wrapper-sml {padding: 50px 0;}
.feature article p {font-size: 25px; line-height: 1.3;}

.find-us a {margin-top: 20px;}

.feature .grid .tile {padding: 25px 30px 23px;}

footer {border-radius: 50px 50px 0 0;}
footer > .wrapper-sml {padding: 50px 0 20px;}
footer .logo img {width: 138px; height: 78px; object-fit: contain;}
footer .footer-bottom p {font-size: 13px; margin: 0;}
}
@media screen and (max-width: 767px) {

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


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

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


}