/* The Rustic Reserve — sitewide mobile header + navigation v20 */
:root{--rr-v20-gold:#d8b464;--rr-v20-ivory:#f3eee3;--rr-v20-black:#050505}
#rrGlobalMenu[hidden]{display:none!important}
#rrGlobalMenu.menu-overlay{position:fixed!important;inset:0!important;z-index:2147483200!important;margin:0!important;padding:0!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(9px)!important;transform:none!important;opacity:1!important;visibility:visible!important;transition:none!important}
#rrGlobalMenu .menu-drawer{box-sizing:border-box!important;position:absolute!important;top:0!important;right:0!important;width:min(560px,100vw)!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:34px 54px 30px!important;background:#f3eee3!important;color:#14110d!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;box-shadow:-24px 0 70px rgba(0,0,0,.35)!important;overflow:hidden!important;transform:none!important;transition:none!important}
#rrGlobalMenu .menu-drawer-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;padding-bottom:22px!important;border-bottom:1px solid #b9a983!important}
#rrGlobalMenu .menu-drawer-head p{margin:0!important}
#rrGlobalMenu .menu-kicker{margin:0 0 3px!important;color:#8c6f30!important;font:700 .67rem/1.2 Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase!important}
#rrGlobalMenu .menu-drawer-head>div>p:last-child{color:#6c6255!important;font-size:.76rem!important;letter-spacing:.1em!important}
#rrGlobalMenu .menu-close{width:48px!important;height:48px!important;border:0!important;border-radius:50%!important;background:#0b0a08!important;color:#f3eee3!important;display:grid!important;place-items:center!important;font:300 2rem/1 Georgia,serif!important;cursor:pointer!important;flex-shrink:0!important}
#rrGlobalMenu .menu-drawer-nav{position:static!important;transform:none!important;width:auto!important;padding:24px 0!important;margin:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
#rrGlobalMenu .menu-drawer-nav a{box-sizing:border-box!important;width:100%!important;min-height:52px!important;margin:0!important;padding:12px 2px!important;border-bottom:1px solid rgba(140,111,48,.24)!important;color:#17130e!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:transparent!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(1.35rem,2.3vw,1.8rem)!important;font-weight:400!important;line-height:1.25!important;text-decoration:none!important;white-space:normal!important;transform:none!important}
#rrGlobalMenu .menu-drawer-nav a:hover,#rrGlobalMenu .menu-drawer-nav a:focus-visible,#rrGlobalMenu .menu-drawer-nav a[aria-current="page"]{padding-left:10px!important;color:#8c6f30!important}
#rrGlobalMenu .menu-drawer-nav small{flex:none!important;align-self:center!important;color:#8c6f30!important;font:600 .6rem/1 Arial,sans-serif!important;letter-spacing:.13em!important;margin:0!important;padding:0!important}
#rrGlobalMenu .menu-drawer-foot{padding-top:20px!important;border-top:1px solid #b9a983!important;display:flex!important;justify-content:space-between!important;align-items:end!important;gap:20px!important}
#rrGlobalMenu .menu-drawer-foot p{margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;color:#5e5549!important;font-size:.95rem!important}
#rrGlobalMenu .menu-drawer-foot a{color:#4c3b1c!important;font-size:.72rem!important;text-decoration:underline!important;text-underline-offset:4px!important;text-align:right!important}
body.rr-menu-open{overflow:hidden!important;transform:none!important;left:auto!important;right:auto!important}
@media(max-width:1100px){
 html{scroll-padding-top:96px!important}
 #rrGlobalMenu .menu-drawer{width:100vw!important;padding:24px 24px 22px!important}
 #rrGlobalMenu .menu-drawer-nav{padding:18px 0!important}
 #rrGlobalMenu .menu-drawer-nav a{font-size:1.3rem!important;line-height:1.25!important;min-height:50px!important;padding:12px 2px!important}
 #rrGlobalMenu .menu-close{width:44px!important;height:44px!important;font-size:1.8rem!important}
 /* Explore: remove the oversized dead space between the last essentials card and closing note. */
 main.area-page #essentials.area-group{padding-bottom:14px!important}
 main.area-page #essentials.area-group + .area-ending.section-wrap{padding-top:18px!important}
}
@media(max-width:370px){html body header.site-header .header-contact{left:11px!important;font-size:9px!important}html body header.site-header .brand-logo,html body header.site-header .brand-logo img{width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important;min-height:66px!important;max-height:66px!important}html body header.site-header .header-actions{right:10px!important;gap:5px!important}html body header.site-header .rr-guest-help-btn,html body header.site-header .header-actions>a[href^="/guest-help"]{height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 6px!important;font-size:9px!important}html body header.site-header .menu-trigger{width:29px!important;min-width:29px!important;max-width:29px!important}html body header.site-header .menu-mark,html body header.site-header .menu-mark>span{width:22px!important}}

/* =====================================================================
   THE RUSTIC RESERVE — SITEWIDE MOBILE LAYOUT / HEADER v21
   2026-09-24
   Purpose: one authoritative phone layout inside the framework-managed CSS.
   ===================================================================== */
@media (max-width:1100px){
  :root{--brand-chrome-height:88px!important;--brand-chrome-logo:72px!important}
  html{scroll-padding-top:96px!important;overflow-x:hidden!important}
  html body{overflow-x:hidden!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}

  /* Header is a true 3-column grid. Nothing in it participates in page flow. */
  html body header.site-header{
    box-sizing:border-box!important;
    position:sticky!important;top:0!important;left:0!important;right:0!important;
    z-index:12000!important;
    display:grid!important;
    grid-template-columns:minmax(72px,1fr) 76px minmax(118px,1fr)!important;
    grid-template-rows:88px!important;
    align-items:center!important;
    gap:0!important;
    width:100%!important;max-width:none!important;
    height:88px!important;min-height:88px!important;max-height:88px!important;
    margin:0!important;padding:0 14px!important;
    background:#050505!important;
    border-bottom:1px solid rgba(216,180,100,.38)!important;
    transform:none!important;overflow:visible!important;
  }
  html body header.site-header .header-contact{
    grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important;
    position:static!important;inset:auto!important;transform:none!important;
    width:auto!important;height:auto!important;margin:0!important;padding:0!important;
    color:#f3eee3!important;background:transparent!important;border:0!important;
    font-size:10px!important;font-weight:600!important;line-height:1!important;letter-spacing:.12em!important;
    text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important;z-index:3!important;
  }
  html body header.site-header .brand-logo{
    grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:center!important;
    position:static!important;inset:auto!important;transform:none!important;
    width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;
    min-height:72px!important;max-height:72px!important;margin:0!important;padding:0!important;z-index:2!important;
  }
  html body header.site-header .brand-logo img{
    display:block!important;width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;
    min-height:72px!important;max-height:72px!important;object-fit:contain!important;margin:0!important;
  }
  html body header.site-header .header-actions{
    grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;
    position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
    width:auto!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;z-index:3!important;
  }
  html body header.site-header .header-actions .header-menu,
  html body header.site-header .header-actions .section-menu{
    position:static!important;display:flex!important;align-items:center!important;width:auto!important;height:auto!important;
    margin:0!important;padding:0!important;transform:none!important;
  }
  html body header.site-header .rr-guest-help-btn,
  html body header.site-header .guest-help-header-link,
  html body header.site-header .header-actions>a[href^="/guest-help"]{
    position:static!important;display:inline-flex!important;visibility:visible!important;
    align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:0 8px!important;
    background:transparent!important;color:#f3eee3!important;border:1px solid rgba(216,180,100,.78)!important;
    border-radius:0!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important;
    line-height:1!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap!important;
  }
  html body header.site-header .header-actions>a[href*="#reserve"],
  html body header.site-header .rr-plan-btn,
  html body header.site-header .plan-button{
    display:none!important;visibility:hidden!important;position:static!important;transform:none!important;width:0!important;height:0!important;
    min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
  }
  html body header.site-header .menu-label{display:none!important}
  html body header.site-header .menu-trigger{
    position:static!important;inset:auto!important;transform:none!important;
    display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:flex-end!important;
    width:32px!important;min-width:32px!important;max-width:32px!important;height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:7px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#f3eee3!important;
  }
  html body header.site-header .menu-mark{display:flex!important;flex-direction:column!important;justify-content:space-between!important;width:25px!important;height:17px!important;margin:0!important;padding:0!important}
  html body header.site-header .menu-mark>span{display:block!important;width:25px!important;height:1px!important;background:#d8b464!important}

  /* Bottom booking CTA stays outside the header and never covers the last content. */
  html body>a.rr-mobile-plan-portal-v20[href*="#reserve"],
  html body>a.rr-mobile-plan-portal-v21[href*="#reserve"]{
    box-sizing:border-box!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    z-index:2147483000!important;display:flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;gap:9px!important;
    width:100%!important;min-width:100%!important;max-width:100%!important;height:calc(58px + env(safe-area-inset-bottom))!important;
    min-height:58px!important;margin:0!important;padding:0 18px env(safe-area-inset-bottom)!important;
    background:#d8b464!important;color:#0b0905!important;border:0!important;border-top:1px solid #ead19a!important;border-radius:0!important;
    box-shadow:0 -8px 24px rgba(0,0,0,.24)!important;font-size:15px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;transform:none!important;
  }
  html body.rr-menu-open>a.rr-mobile-plan-portal-v20,
  html body.rr-menu-open>a.rr-mobile-plan-portal-v21{display:none!important}

  /* Footer gets a true safe zone above the fixed booking bar. */
  html body .expanded-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
}

@media (max-width:700px){
  /* Consistent luxury rhythm: intentional breathing room, not empty screens. */
  html body main#main .section-wrap{padding-top:48px!important;padding-bottom:48px!important}
  html body main#main .guest-comforts.section-wrap,
  html body main#main .photo-section.section-wrap,
  html body main#main .sleeping.section-wrap,
  html body main#main .amenities.section-wrap,
  html body main#main .reviews-section.section-wrap,
  html body main#main .location.section-wrap,
  html body main#main .experiences.section-wrap,
  html body main#main .faq-section.section-wrap,
  html body main#main .reserve.section-wrap,
  html body main#main .rr-airbnb-recognition.section-wrap{padding-top:48px!important;padding-bottom:48px!important}

  html body main#main .comforts-grid{margin-top:28px!important;gap:28px!important}
  html body main#main .amenity-grid{margin-top:30px!important;gap:30px 24px!important}
  html body main#main .sleeping-grid{margin-top:30px!important;gap:22px!important}
  html body main#main .location-grid{margin-top:28px!important;gap:22px!important}
  html body main#main .local-map{margin-top:34px!important;gap:24px!important}
  html body main#main .package-list{gap:6px!important}
  html body main#main .deck-story>div{padding:46px 7% 50px!important}

  /* Reviews -> location was reading like an empty screen. */
  html body main#main #reviews.reviews-section{padding-bottom:34px!important}
  html body main#main #reviews .review-verified{margin-top:16px!important;margin-bottom:0!important}
  html body main#main #reviews + #location.location{padding-top:44px!important}

  /* Photos: remove the long dead zone between the last gallery card and booking CTA. */
  html body main.area-page>.photo-section.standalone-gallery.section-wrap{padding-top:46px!important;padding-bottom:26px!important}
  html body main.area-page>.photo-section.standalone-gallery .room-gallery-list{margin-top:26px!important;padding-bottom:12px!important}
  html body main.area-page>.photo-section.standalone-gallery + .area-ending.section-wrap{padding-top:12px!important;padding-bottom:38px!important}

  /* Amenities / Explore: compact transitions between content groups. */
  html body main.area-page>.area-hero.section-wrap{padding-top:48px!important;padding-bottom:38px!important}
  html body main.area-page>.area-group.section-wrap{padding-top:38px!important;padding-bottom:24px!important}
  html body main.area-page>.area-ending.section-wrap{padding-top:12px!important;padding-bottom:32px!important}
  html body main.area-page>.area-ending.section-wrap .button{margin-top:0!important}
  html body main.area-page #rrAmenitiesAvailability{margin:10px auto 40px!important;padding:20px 14px!important;gap:18px!important}
  html body main.area-page #rrAmenitiesAvailability .rr-calendar-wrap{min-height:360px!important}
  html body main.area-page #essentials.area-group{padding-bottom:18px!important}
  html body main.area-page #essentials.area-group + .area-ending.section-wrap{padding-top:12px!important}

  /* Hero content should begin directly below the 88px header, not a second header-height later. */
  html body main.area-page .area-hero{scroll-margin-top:96px!important}

  /* Home page closing booking section and footer should not feel detached. */
  html body main#main .reserve.reserve-closing{padding-top:48px!important;padding-bottom:46px!important;gap:26px!important}
  html body main#main .direct-booking-card{padding:26px 20px!important}
}

@media (max-width:370px){
  html body header.site-header{grid-template-columns:minmax(62px,1fr) 68px minmax(108px,1fr)!important;padding:0 10px!important}
  html body header.site-header .header-contact{font-size:9px!important}
  html body header.site-header .brand-logo,
  html body header.site-header .brand-logo img{width:66px!important;height:66px!important;min-width:66px!important;max-width:66px!important;min-height:66px!important;max-height:66px!important}
  html body header.site-header .header-actions{gap:5px!important}
  html body header.site-header .rr-guest-help-btn,
  html body header.site-header .header-actions>a[href^="/guest-help"]{height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 6px!important;font-size:9px!important}
  html body header.site-header .menu-trigger{width:29px!important;min-width:29px!important;max-width:29px!important}
  html body header.site-header .menu-mark,
  html body header.site-header .menu-mark>span{width:22px!important}
}



/* ==========================================================================
   THE RUSTIC RESERVE — LUXURY MOBILE AESTHETIC SYSTEM v26
   Layout/aesthetic only. Navigation and header JavaScript are untouched.
   Establishes one consistent mobile rhythm, centered CTA geometry and
   deliberate section transitions across the cabin website.
   ========================================================================== */
@media (max-width:700px){

  /* ---------- Shared luxury geometry ---------- */
  html body{
    --rr-luxury-edge:7vw;
    --rr-luxury-section:34px;
    --rr-luxury-tight:22px;
    --rr-luxury-card-gap:18px;
  }

  html body main#main .section-wrap{
    padding-left:var(--rr-luxury-edge)!important;
    padding-right:var(--rr-luxury-edge)!important;
  }

  /* ---------- Hamburger menu refinement ---------- */
  html body #rrGlobalMenu .menu-drawer-nav{
    padding:16px 0 18px!important;
  }
  html body #rrGlobalMenu .menu-drawer-nav a{
    box-sizing:border-box!important;
    min-height:52px!important;
    padding:12px 16px 12px 2px!important;
    gap:18px!important;
    line-height:1.22!important;
  }
  html body #rrGlobalMenu .menu-drawer-nav small{
    box-sizing:border-box!important;
    flex:0 0 34px!important;
    min-width:34px!important;
    margin:0!important;
    padding:0 4px 0 0!important;
    text-align:right!important;
    line-height:1!important;
  }

  /* ---------- Homepage: one deliberate vertical rhythm ---------- */
  html body main#main:not(.area-page) > .section-wrap{
    padding-top:var(--rr-luxury-section)!important;
    padding-bottom:var(--rr-luxury-section)!important;
  }

  html body main#main > #cabin.intro.section-wrap{
    padding-top:38px!important;
    padding-bottom:30px!important;
    gap:34px!important;
  }
  html body main#main > .guest-comforts.section-wrap{
    padding-top:30px!important;
    padding-bottom:32px!important;
  }
  html body main#main > #photos.photo-section.section-wrap{
    padding-top:32px!important;
    padding-bottom:16px!important;
  }
  html body main#main > #photos.photo-section .section-top{
    margin-bottom:24px!important;
  }
  html body main#main > #photos.photo-section .room-gallery-list{
    margin-top:20px!important;
    padding-bottom:6px!important;
  }
  html body main#main > #sleeping.sleeping.section-wrap{
    padding-top:24px!important;
    padding-bottom:34px!important;
  }
  html body main#main > #sleeping .sleeping-grid{
    margin-top:24px!important;
    gap:18px!important;
  }
  html body main#main > #amenities.amenities.section-wrap{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  html body main#main > #amenities .amenity-grid{
    margin-top:26px!important;
    gap:26px 22px!important;
  }
  html body main#main > .deck-story>div{
    padding:38px var(--rr-luxury-edge) 40px!important;
  }
  html body main#main > .rr-airbnb-recognition.section-wrap{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }

  /* Guest Reviews -> Broken Bow/Hochatown: remove the empty-screen transition. */
  html body main#main > #reviews.reviews-section.section-wrap{
    padding-top:30px!important;
    padding-bottom:16px!important;
  }
  html body main#main > #reviews.reviews-section>p:not(.eyebrow){
    margin-top:16px!important;
  }
  html body main#main > #reviews .review-verified{
    margin-top:12px!important;
    margin-bottom:0!important;
  }
  html body main#main > #location.location.section-wrap{
    padding-top:24px!important;
    padding-bottom:34px!important;
  }
  html body main#main > #location .location-grid{
    margin-top:20px!important;
    gap:18px!important;
  }
  html body main#main > #location .local-map{
    margin-top:26px!important;
    gap:18px!important;
  }

  html body main#main > #experiences.experiences.section-wrap,
  html body main#main > #faq.faq-section.section-wrap{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
  html body main#main > .reserve.reserve-closing.section-wrap{
    padding-top:32px!important;
    padding-bottom:36px!important;
    gap:22px!important;
  }

  /* ---------- Standalone Photos ---------- */
  html body main#main.area-page > .photo-section.standalone-gallery.section-wrap{
    padding-top:34px!important;
    padding-bottom:12px!important;
  }
  html body main#main.area-page > .photo-section.standalone-gallery .room-gallery-list{
    margin-top:20px!important;
    padding-bottom:6px!important;
  }
  html body main#main.area-page > .photo-section.standalone-gallery + .area-ending.section-wrap{
    box-sizing:border-box!important;
    display:flex!important;
    justify-content:center!important;
    padding-top:10px!important;
    padding-bottom:28px!important;
  }
  html body main#main.area-page > .photo-section.standalone-gallery + .area-ending.section-wrap .button{
    width:min(92%,620px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* ---------- Explore / local guide: compact, premium section transitions ---------- */
  html body main#main.area-page > .area-hero.section-wrap{
    padding-top:34px!important;
    padding-bottom:26px!important;
  }

  html body main#main.area-page > #dining.area-group.section-wrap,
  html body main#main.area-page > #adventures.area-group.section-wrap,
  html body main#main.area-page > #casino.area-group.section-wrap,
  html body main#main.area-page > #groceries.area-group.section-wrap,
  html body main#main.area-page > #designated-drivers.area-group.section-wrap{
    padding-top:24px!important;
    padding-bottom:18px!important;
  }
  html body main#main.area-page > #dining.area-group h2,
  html body main#main.area-page > #adventures.area-group h2,
  html body main#main.area-page > #casino.area-group h2,
  html body main#main.area-page > #groceries.area-group h2,
  html body main#main.area-page > #essentials.area-group h2{
    margin-bottom:12px!important;
  }
  html body main#main.area-page > #dining .area-grid,
  html body main#main.area-page > #adventures .area-grid,
  html body main#main.area-page > #casino .area-grid,
  html body main#main.area-page > #groceries .area-grid,
html body main#main.area-page > #firewood .area-grid,
html body main#main.area-page > #designated-drivers .area-grid,
  html body main#main.area-page > #essentials .area-grid{
    margin-top:18px!important;
    gap:16px!important;
  }
  html body main#main.area-page .rr-explore-meta{
    margin:10px 0 18px!important;
  }
  html body main#main.area-page .rr-explore-bottom-wrap{
    margin:20px 0 0!important;
    justify-content:center!important;
  }
  html body main#main.area-page .rr-explore-bottom-toggle{
    width:min(100%,620px)!important;
    max-width:620px!important;
    margin:0 auto!important;
  }
  html body main#main.area-page > #designated-drivers.area-group.section-wrap{
    padding-bottom:14px!important;
  }
  html body main#main.area-page > #designated-drivers.area-group + .area-ending.section-wrap{
    padding-top:14px!important;
    padding-bottom:28px!important;
  }

  /* ---------- Amenities: preserve the spacing that passed testing ---------- */
  html body:has(#rrAmenitiesAvailability) main#main.area-page > .area-hero.section-wrap{
    padding-bottom:8px!important;
  }
  html body:has(#rrAmenitiesAvailability) main#main.area-page > .area-group.section-wrap{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  html body:has(#rrAmenitiesAvailability) main#main.area-page > .area-group.section-wrap > .area-grid{
    margin-top:8px!important;
    gap:16px!important;
  }
  html body:has(#rrAmenitiesAvailability) main#main.area-page > .area-ending.section-wrap{
    box-sizing:border-box!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
    margin:0!important;
  }
  html body:has(#rrAmenitiesAvailability) main#main.area-page > .area-ending.section-wrap .button{
    width:min(92%,620px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html body:has(#rrAmenitiesAvailability) main#main.area-page > #rrAmenitiesAvailability{
    width:92%!important;
    margin:8px auto 28px!important;
    padding:18px 14px!important;
    gap:16px!important;
  }

  /* ---------- Shared mobile cards / CTAs ---------- */
  html body main.area-page .area-card{
    padding:22px!important;
  }
  html body main.area-page .area-actions{
    gap:14px!important;
    padding-top:18px!important;
  }
}

/* Slightly narrower phones retain the same rhythm without crowding. */
@media (max-width:370px){
  html body #rrGlobalMenu .menu-drawer-nav a{
    padding-right:12px!important;
    gap:14px!important;
  }
  html body #rrGlobalMenu .menu-drawer-nav small{
    flex-basis:30px!important;
    min-width:30px!important;
  }
}

/* Firewood anchor positioning */
#firewood{
  scroll-margin-top:180px !important;
}

/* Designated Driver Services anchor positioning */
#designated-drivers{
  scroll-margin-top:180px !important;
}