*{box-sizing:border-box}
:root{
  --bg:#020305;
  --black:#000;
  --panel:#05070b;
  --panel2:#080b12;
  --line:#084f9e;
  --blue:#087bff;
  --blue2:#00a6ff;
  --text:#f6f8fb;
  --muted:#a8b3c1;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
  overflow-x:hidden;
}
.page-glow{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 85% 5%,rgba(0,122,255,.18),transparent 28%),
    radial-gradient(circle at 10% 50%,rgba(0,98,255,.10),transparent 30%),
    linear-gradient(180deg,#050507,#000 70%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.07;
  background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);
}
a{color:inherit}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(0,0,0,.82);
  border-bottom:1px solid rgba(0,123,255,.35);
  backdrop-filter:blur(16px);
}
.header-inner{
  width:min(1500px,94vw);
  height: 140px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:28px;
}
.logo-wrap img{
  width: 180px;
  /* height:105px; */
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(255,255,255,.18));
}
.booking-actions{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.booking-actions .btn{
  width:100%;
}

@media(max-width:720px){
  .booking-actions{
    grid-template-columns:1fr;
  }
}
.main-nav{
  display:flex;
  gap:31px;
  margin-left:auto;
  align-items:center;
}
.main-nav a{
  font-family:'Bebas Neue',sans-serif;
  text-transform:uppercase;
  letter-spacing:.9px;
  font-size:17px;
  text-decoration:none;
  color:#f5f8ff;
}
.main-nav a.active,.main-nav a:hover{color:var(--blue)}
.header-contact{
  display:flex;
  align-items:center;
  gap:15px;
  font-size:14px;
  font-weight:800;
}
.mini-link{text-decoration:none;white-space:nowrap}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:15px 23px;
  border-radius:5px;
  background:linear-gradient(135deg,#0b83ff,#0057c8);
  color:white;
  border:1px solid #2195ff;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.6px;
  box-shadow:0 14px 36px rgba(0,123,255,.22);
}
.btn.small{padding:12px 17px;font-size:13px}
.btn.outline{
  background:rgba(0,0,0,.28);
  border-color:#77879a;
  box-shadow:none;
}
.btn.wide{margin:24px auto 0;display:flex;width:max-content}
.hero{
  width:min(1500px,94vw);
  min-height:590px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:39% 33% 28%;
  border:1px solid rgba(0,123,255,.32);
  border-top:0;
  background:#000;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 27%,rgba(0,0,0,.18) 55%,rgba(0,0,0,.55) 100%),
    radial-gradient(circle at 70% 30%,rgba(0,123,255,.13),transparent 35%);
  z-index:2;
  pointer-events:none;
}
.hero-text{
  position:relative;
  z-index:5;
  padding:82px 0 74px 68px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
h1,h2,h3{
  margin:0;
  font-family:'Bebas Neue',sans-serif;
  text-transform:uppercase;
  letter-spacing:1px;
}
h1{
  font-size:78px;
  line-height:.92;
  text-shadow:0 2px 20px #000;
}
h1 span{
  display:block;
  color:var(--blue2);
  font-family:Mr Dafoe,cursive;
  text-transform:none;
  font-size:62px;
  font-weight:400;
  letter-spacing:0;
  margin-top:13px;
}
.hero-text p{
  max-width:430px;
  font-size:20px;
  line-height:1.55;
  color:#f4f7fd;
  text-shadow:0 2px 10px #000;
}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.hero-david{
  position:relative;
  z-index:1;
  min-height:590px;
}
.hero-david img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  filter:contrast(1.05) saturate(.95) brightness(.72);
}
.hero-car-card{
  position:relative;
  z-index:1;
  min-height:590px;
  background:#000;
}
.hero-car-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:contrast(1.08) brightness(.48) saturate(.92);
}
.benefits{
  width:min(1500px,94vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(0,123,255,.38);
  border-top:0;
  background:rgba(1,2,5,.95);
}
.benefit{
  min-height:104px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:2px 15px;
  border-right:1px solid rgba(255,255,255,.13);
}
.benefit:last-child{border-right:0}
.benefit span{grid-row:1/3;font-size:39px;color:#fff}
.benefit h3{font-size:18px}
.benefit p{margin:0;color:#b9c4d0;font-size:14px;line-height:1.45}
.content-grid{
  width:min(1500px,94vw);
  margin:14px auto;
  display:grid;
  grid-template-columns:1.13fr .87fr;
  gap:14px;
  align-items:start;
}
.panel{
  background:linear-gradient(180deg,rgba(8,11,18,.92),rgba(0,0,0,.94));
  border:1px solid rgba(0,123,255,.42);
  box-shadow:0 28px 90px rgba(0,0,0,.42);
}
.instagram-panel{padding:32px}
.section-kicker{
  font-family:'Bebas Neue',sans-serif;
  color:var(--blue2);
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-size:18px;
  margin:0 0 8px;
}
.section-kicker.left{text-align:left}
.instagram-panel h2,.services-panel h2{
  text-align:center;
  font-size:42px;
}
.handle{
  display:block;
  text-align:center;
  text-decoration:none;
  font-weight:900;
  margin:8px 0 22px;
}
.work-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.work-grid a{
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  border:1px solid rgba(0,123,255,.25);
  background:#111;
}
.work-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.25s ease;
}
.work-grid img:hover{transform:scale(1.06);filter:brightness(1.08)}
.services-panel{
  padding:32px;
}
.price-list{
  margin-top:24px;
  border-top:1px solid rgba(255,255,255,.16);
}
.price-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
  font-size:26px;
  font-weight:900;
}
.price-list strong{
  color:var(--blue2);
  font-size:34px;
}
.book-links{
  display:flex;
  gap:22px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:20px;
  color:#dceeff;
  font-weight:900;
}
.book-links a{text-decoration:none}
.about-panel{
  padding:0;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  overflow:hidden;
}
.about-panel div{padding:28px}
.about-panel h2{font-size:34px}
.about-panel p:not(.section-kicker):not(.signature){
  color:#dce4ef;
  line-height:1.6;
}
.signature{
  color:var(--blue2);
  font-family:Mr Dafoe,cursive;
  text-transform:none;
  font-size:38px;
  margin:6px 0 0;
}
.about-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  filter:brightness(.78) contrast(1.04);
}
.promo-banner{
  width:min(1500px,94vw);
  margin:14px auto;
  min-height:210px;
  display:grid;
  grid-template-columns:32% 68%;
  overflow:hidden;
  border:1px solid rgba(0,123,255,.42);
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72)),radial-gradient(circle at 50% 40%,rgba(0,119,255,.2),transparent 35%);
}
.shirt-real{overflow:hidden}
.shirt-real img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
  filter:brightness(.72) contrast(1.06);
}
.promo-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:28px;
}
.promo-text h2{font-size:48px}
.promo-text p{font-size:20px;margin:8px 0;color:#eaf2ff}
.promo-text div{display:flex;gap:28px;color:var(--blue2);font-weight:900;margin-top:12px;flex-wrap:wrap}
.booking-section{
  width:min(1500px,94vw);
  margin:14px auto;
  padding:42px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:38px;
  border:1px solid rgba(0,123,255,.42);
  background:linear-gradient(180deg,rgba(8,11,18,.92),rgba(0,0,0,.94));
}
.booking-copy h2{font-size:42px}
.booking-copy p{color:#dce4ef;line-height:1.6;font-size:18px}
.booking-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.booking-form input,.booking-form select,.booking-form textarea{
  background:#05070b;
  color:white;
  border:1px solid rgba(0,123,255,.45);
  border-radius:5px;
  padding:16px;
  font:inherit;
}
.booking-form textarea{grid-column:1/-1;min-height:120px}
.booking-form button{border:0;cursor:pointer}
.site-footer{
  width:min(1500px,94vw);
  margin:14px auto 40px;
  padding:30px;
  display:grid;
  grid-template-columns:170px 1fr 180px 260px;
  gap:30px;
  align-items:start;
  border-top:1px solid rgba(0,123,255,.38);
  background:#000;
}
.site-footer img{width: 150px;/* height:95px; *//* object-fit:contain; */}
.site-footer a{display:block;text-decoration:none;margin:7px 0;color:#eaf2ff}
.site-footer p{color:#b9c4d0}
.site-footer h4{margin:0 0 10px;text-transform:uppercase;font-family:'Bebas Neue',sans-serif;letter-spacing:1px}
@media(max-width:1050px){
  .header-inner{height:auto;padding:10px 0;flex-wrap:wrap}
  .main-nav{order:3;width:100%;justify-content:center;margin-left:0}
  .header-contact .mini-link{display:none}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-text{padding:48px 28px}
  .hero-david{min-height:440px}
  .hero-car-card{display:none}
  h1{font-size:54px}
  h1 span{font-size:48px}
  .benefits,.content-grid,.about-panel,.promo-banner,.booking-section,.site-footer{grid-template-columns:1fr}
  .benefit{border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
  .about-panel{grid-column:auto}
  .work-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .main-nav{gap:16px;overflow:auto;justify-content:flex-start;padding-bottom:6px}
  .logo-wrap img{width:120px;height:80px}
  .btn{width:100%}
  .hero-actions{flex-direction:column}
  .work-grid{grid-template-columns:repeat(2,1fr)}
  .price-list div{font-size:20px}
  .price-list strong{font-size:27px}
  .promo-text h2{font-size:34px}
  .booking-form{grid-template-columns:1fr}
}

.booking-form input[type="date"],
.booking-form input[type="time"]{
  color:white;
}



/* =========================================
   MOBILE OVERFLOW + WIDTH FIX
========================================= */

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

*{
  box-sizing:border-box;
}

.site-wrapper,
.page-wrapper,
.hero,
.content-grid,
.booking-section,
.instagram-panel,
.services-panel,
.about-panel,
.site-footer,
.footer-bottom{
  max-width:100%;
}

@media(max-width:768px){

  body{
    overflow-x:hidden;
  }

  .hero{
    width:100%;
    min-height:auto;
    overflow:hidden;
  }

  .hero-overlay{
    width:100%;
  }

  .hero-content{
    width:100%;
    padding:24px 20px;
  }

  .hero-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .hero-buttons .btn{
    width:100%;
  }

  .content-grid{
    width:100%;
    grid-template-columns:1fr;
    gap:10px;
    padding:0 12px;
  }

  .instagram-panel,
  .services-panel,
  .about-panel{
    width:100%;
    min-width:0;
  }

  .about-panel{
    grid-template-columns:1fr;
  }

  .about-panel img{
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:cover;
  }

  .work-grid{
    grid-template-columns:repeat(3,1fr);
    gap:4px;
  }

  .booking-section{
    width:100%;
    padding:0 12px;
  }

  .booking-form{
    width:100%;
  }

  .booking-form input,
  .booking-form select,
  .booking-form textarea,
  .booking-form button,
  .booking-form a{
    width:100%;
    min-width:0;
  }

  .booking-actions{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  .site-footer{
    width:100%;
    padding:24px 18px;
    grid-template-columns:1fr;
    gap:20px;
  }

  .footer-bottom{
    width:100%;
    padding:18px;
    text-align:center;
  }

  /* FIX BLUE GRID BACKGROUND CAUSING OVERFLOW */
  .grid-bg,
  .background-grid,
  .page-grid{
    width:100%;
    overflow:hidden;
  }
}

/* Phone layout */
@media(max-width:720px){
  html{
    scroll-padding-top:150px;
  }

  body{
    padding-bottom:76px;
  }

  .site-header{
    position:sticky;
    top:0;
  }

  .header-inner{
    width:92vw;
    padding:10px 0;
    gap:10px;
  }

  .logo-wrap img{
    width:104px;
    height:70px;
  }

  .header-contact{
    gap:8px;
  }

  .header-contact .btn.small{
    width:auto;
    padding:11px 13px;
    font-size:11px;
    white-space:nowrap;
  }

  .main-nav{
    justify-content:flex-start;
    gap:8px;
    padding-bottom:6px;
  }

  .main-nav a{
    font-size:12px;
    min-height:38px;
    padding:0 11px;
  }

  .hero{
    width:100%;
    border-left:0;
    border-right:0;
  }

  .hero-text{
    padding:34px 20px 18px;
  }

  h1{
    font-size:clamp(42px,14vw,64px);
    line-height:.92;
  }

  h1 span{
    font-size:clamp(38px,12vw,54px);
    margin-top:8px;
  }

  .hero-text p{
    font-size:16px;
    line-height:1.55;
    max-width:100%;
  }

  .hero-actions{
    flex-direction:column;
    gap:10px;
  }

  .btn{
    width:100%;
    min-height:52px;
    padding:15px 18px;
    font-size:13px;
  }

  .hero-david{
    min-height:420px;
  }

  .benefits{
    width:100%;
    grid-template-columns:1fr;
    border-left:0;
    border-right:0;
  }

  .benefit{
    min-height:auto;
    grid-template-columns:42px 1fr;
    padding:20px;
  }

  .benefit span{
    font-size:34px;
  }

  .benefit h3{
    font-size:17px;
  }

  .content-grid,
  .promo-banner,
  .booking-section,
  .site-footer,
  .footer-bottom{
    width:92vw;
  }

  .instagram-panel,
  .services-panel{
    padding:24px 18px;
  }

  .section-kicker{
    font-size:15px;
  }

  .instagram-panel h2,
  .services-panel h2,
  .booking-copy h2{
    font-size:clamp(30px,10vw,42px);
    line-height:1.05;
  }

  .work-grid{
    grid-template-columns:repeat(2,1fr);
    gap:7px;
  }

  .work-grid a{
    border-radius:8px;
  }

  .price-list div{
    align-items:flex-start;
    gap:12px;
    font-size:18px;
    padding:16px 0;
  }

  .price-list strong{
    font-size:26px;
    white-space:nowrap;
  }

  .book-links{
    flex-direction:column;
    gap:10px;
  }

  .book-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    border:1px solid rgba(0,123,255,.35);
    border-radius:6px;
    background:rgba(0,123,255,.08);
  }

  .about-panel{
    grid-template-columns:1fr;
  }

  .about-panel div{
    padding:24px 18px;
  }

  .about-panel img{
    max-height:430px;
    object-position:center top;
  }

  .promo-banner{
    grid-template-columns:1fr;
  }

  .shirt-real{
    max-height:280px;
  }

  .shirt-real img{
    object-position:center 38%;
  }

  .promo-text{
    padding:24px 18px;
  }

  .promo-text h2{
    font-size:clamp(30px,10vw,42px);
    line-height:1.05;
  }

  .promo-text p{
    font-size:16px;
  }

  .promo-text div{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
  }

  .promo-text span{
    padding:10px;
    border:1px solid rgba(0,123,255,.30);
    border-radius:6px;
    background:rgba(0,123,255,.08);
  }

  .booking-section{
    padding:24px 18px;
  }

  .booking-copy p{
    font-size:16px;
  }

  .booking-form{
    grid-template-columns:1fr;
    gap:12px;
  }

  .booking-form input,
  .booking-form select,
  .booking-form textarea{
    min-height:52px;
    font-size:16px;
    border-radius:7px;
  }

  .booking-form textarea{
    min-height:120px;
  }

  .site-footer{
    grid-template-columns:1fr;
    padding:28px 20px;
    gap:26px;
  }

  .footer-brand{
    flex-direction:column;
    gap:14px;
  }

  .footer-brand img{
    width:128px;
    height:86px;
  }

  .footer-brand strong{
    font-size:22px;
  }

  .footer-links a,
  .footer-socials a,
  .footer-managed a{
    display:flex;
    align-items:center;
    min-height:38px;
  }

  .footer-bottom{
    margin-bottom:88px;
  }

  .mobile-book-bar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:8px;
    padding:10px;
    background:rgba(0,0,0,.92);
    border-top:1px solid rgba(0,123,255,.55);
    backdrop-filter:blur(14px);
  }

  .mobile-book-bar a{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:white;
    font-weight:900;
    border-radius:8px;
    background:linear-gradient(135deg,#0b83ff,#0057c8);
    border:1px solid #2195ff;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:.4px;
  }

  .mobile-book-bar a:nth-child(2){
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.20);
  }
}

/* Very small phones */
@media(max-width:420px){
  .header-inner{
    width:94vw;
  }

  .logo-wrap img{
    width:96px;
    height:64px;
  }

  .header-contact .btn.small{
    padding:10px 11px;
    font-size:10px;
  }

  .main-nav a{
    font-size:11px;
    padding:0 10px;
  }

  .hero-text{
    padding:30px 16px 16px;
  }

  .hero-david{
    min-height:360px;
  }

  .content-grid,
  .promo-banner,
  .booking-section,
  .site-footer,
  .footer-bottom{
    width:94vw;
  }

  .work-grid{
    gap:6px;
  }

  .price-list div{
    font-size:16px;
  }

  .price-list strong{
    font-size:24px;
  }
}


/* =========================================================
   FINAL LAYOUT PATCH
   Fixes large empty gaps, tightens desktop spacing, and keeps mobile clean.
   Add this at the very bottom of style.css.
   ========================================================= */

.content-grid{
  width:min(1500px,94vw);
  margin:8px auto 0;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-areas:
    "work services"
    "work about";
  gap:8px;
  align-items:stretch;
}

.instagram-panel{
  grid-area:work;
}

.services-panel{
  grid-area:services;
}

.about-panel{
  grid-area:about;
}

.panel{
  height:100%;
}

.instagram-panel,
.services-panel,
.about-panel{
  padding:16px;
}

.about-panel{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:0;
  overflow:hidden;
}

.about-panel div{
  padding:18px;
}

.about-panel img{
  height:100%;
  min-height:260px;
  object-fit:cover;
  object-position:center top;
}

.work-grid{
  gap:4px;
}

.price-list{
  margin-top:16px;
}

.price-list div{
  padding:12px 0;
}

.promo-banner,
.booking-section,
.site-footer{
  margin-top:8px;
}

.instagram-panel h2,
.services-panel h2{
  line-height:1.05;
}

.btn.wide{
  margin-top:16px;
}

/* Keep the top area tighter on desktop */
.hero{
  min-height:520px;
}

.hero-david,
.hero-car-card{
  min-height:520px;
}

.hero-text{
  padding-top:54px;
  padding-bottom:54px;
}

/* Footer tightening */
.site-footer{
  margin-bottom:28px;
}

/* Tablet fix */
@media(max-width:1180px){
  .content-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "work"
      "services"
      "about";
    gap:8px;
  }

  .instagram-panel{
    grid-area:work;
  }

  .services-panel{
    grid-area:services;
  }

  .about-panel{
    grid-area:about;
    grid-template-columns:1fr 1fr;
  }

  .about-panel img{
    min-height:320px;
  }

  .hero{
    min-height:auto;
  }

  .hero-david{
    min-height:460px;
  }
}

/* Mobile fix */
@media(max-width:720px){
  .content-grid{
    width:92vw;
    gap:8px;
    margin-top:8px;
  }

  .instagram-panel,
  .services-panel,
  .about-panel{
    padding:14px;
  }

  .about-panel{
    grid-template-columns:1fr;
  }

  .about-panel img{
    min-height:360px;
    max-height:430px;
  }

  .work-grid{
    gap:4px;
  }

  .promo-banner,
  .booking-section,
  .site-footer,
  .footer-bottom{
    width:92vw;
  }

  .promo-banner,
  .booking-section,
  .site-footer{
    margin-top:8px;
  }

  .hero-david{
    min-height:380px;
  }
}

.site-footer{
  width:min(1500px,94vw);
  margin:10px auto 0;
  padding:42px 34px;
  border:1px solid #003c7a;
  background:#050505;
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr 1fr;
  gap:40px;
}

.footer-bottom{
  width:min(1500px,94vw);
  margin:0 auto 40px;
  border:1px solid #003c7a;
  border-top:none;
  background:#050505;
}

.footer-bottom-inner{
  padding:18px 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}

.footer-bottom p{
  margin:0;
  color:#8d8d8d;
  font-size:.92rem;
}

.footer-bottom a{
  color:#1d8fff;
  text-decoration:none;
  font-weight:600;
}

.footer-bottom a:hover{
  color:#58aaff;
}

@media(max-width:900px){

  .site-footer{
    grid-template-columns:1fr 1fr;
    gap:30px;
  }

  .footer-bottom-inner{
    flex-direction:column;
    text-align:center;
  }
}

@media(max-width:600px){

  .site-footer{
    grid-template-columns:1fr;
    padding:28px 22px;
  }

  .footer-bottom-inner{
    padding:16px 18px;
  }
}

@media(max-width:420px){
  .content-grid,
  .promo-banner,
  .booking-section,
  .site-footer,
  .footer-bottom{
    width:94vw;
  }

  .instagram-panel,
  .services-panel,
  .about-panel{
    padding:12px;
  }

  .about-panel img{
    min-height:330px;
  }
}