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

  /* Containers */
  .nomob {display: none;}
  .mid { width: 100%; box-sizing: border-box; padding: 0 16px; }
  header .mid { padding: 0 10px; }
  #main.mid { width: 100%; padding: 32px 16px 28px; }
  .hero .mid,
  .hero.home .mid { padding: 0 16px; }

  /* Header / Menu */
  .menu { height: auto; padding: 14px 0; margin-top: 10px !important; }
  .menu_logo { flex: 1; padding-left: 16px; }
  .menu_logo img {height: 20px;}
  .menu_nav { display: none; }
  .menu_toggle { flex: 0 0 auto; padding-right: 22px; }
  #menu img {height: 50px;}

  .hb-txt {font-size: 19px;}
   #main h3 {font-size: 26px;}
   #main {font-size: 21px;}

  /* Expanded nav */
  .nav-expanded { width: 260px; top:10px; right: 23px; height: auto; padding: 32px 16px 24px 28px; }
  .exp_nav-menu { grid-auto-flow: row; grid-template-columns: 1fr; grid-template-rows: auto; }
  .exp_nav-menu li {margin-bottom: 20px;}
  .exp_nav-menu li:nth-child(4n){margin-bottom: 36px;}
 

  /* Hero */
  .hero { height: auto; min-height: 420px; padding-top: 140px; padding-bottom: 40px; }
  .hero.home { height: auto; height:438px; padding-top: 180px; }
  .hero h2 { font-size: 38px; }
  .hero p,
  .hero.home p { font-size: 16px; max-width: 100%; }
  #scroll,
  .hero.home #scroll { display: none; }

  /* Slideshow */
  .slideshow { width: 100%; height: 340px; }
  .slideshow-track { width: 100%; height: 340px; }

  /* Split 2-col */
  .split2col { flex-direction: column; width: 100%; }
  .col1, .col2 { flex: 0 0 auto; width: 100%; }

  /* Homeboxes */
  .hb1, .hb2 { grid-template-columns: 1fr; gap: 16px; margin-bottom: 40px; }
.hb1 h4,  .hb2 h4 { font-size: 17px; margin-top: 0; text-align: left; margin-bottom: 12px; }
  .hb2 .hb-subtitle, .hb2 .hb-txt { text-align: left; }
  .hb-btn { position: relative; bottom: auto; margin-top: 16px; }

  .hb2-col1 {order:2}
  .hb2-col2 {order:1}
  .hb1-col2 {aspect-ratio:1/1;}
  .hb1-col2 img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .hb-subtitle {color: #b3ac9d !important;} 
    .hb-txt{color: #b3ac9d !important;} 


  /* Gallery */
  .gallery-grid { grid-template-columns: 1fr; gap: 16px; }
  .gallery-item { width: 100%; height: auto;; aspect-ratio: 395/378;}



  /* Footer */
  footer h4 {font-size: 18px; }
  .foot { flex-direction: row; flex-wrap: wrap; }
  .foot_logo { flex: 0 0 100px; padding: 8px 0 16px 16px; }
  .foot_logo img { height: 68px; }
  .foot_contact { flex: 1; padding: 4px 0 0 16px; font-size: 18px; line-height: 1.2;}

  .wa { padding: 4px 0 10px 36px; background: url('../images/whatsapp.png') no-repeat -2px 2px; background-size: 32px 32px; margin:0px 0px 0px -2px; display: inline-block; }

  .mb20 {margin-bottom: 16px !important;}
  .foot_menu { flex: 0 0 100%; padding-left: 16px; }
.nav-menu { margin-top: 60px; grid-auto-flow: row; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .foot.mid { padding-left: 0; }
  .social {display: noneX; top:140px; left:110px; width: 100px; }

}