/* Mobil ana site: 740px ve altı */
@media (max-width:740px){
  body{background:#f7fbff}
  .site-header{padding:12px 14px}
  .brand-mark{width:42px;height:42px;border-radius:14px}
  .brand strong{font-size:15px;max-width:190px}
  .brand small{font-size:11px;max-width:190px}
  .nav{display:none;position:absolute;left:10px;right:10px;top:68px;background:#fff;border:1px solid #dbe7f7;border-radius:20px;padding:12px;box-shadow:0 18px 50px rgba(15,23,42,.16);flex-direction:column;align-items:stretch}
  .nav.open{display:flex}
  .nav a{padding:13px 12px}
  .menu-btn{display:block}
  .hero{grid-template-columns:1fr;min-height:auto;padding:42px 18px;gap:24px}
  .hero h1{font-size:44px;line-height:1;letter-spacing:-1.8px}
  .hero p{font-size:16px;line-height:1.6}
  .hero-actions .btn{width:100%}
  .trust-row{gap:7px}
  .trust-row span{font-size:12px;padding:8px 10px}
  .hero-visual{min-height:260px}
  .glass-card{position:relative;inset:auto;width:100%;padding:22px;border-radius:24px}
  .glass-card strong{font-size:28px}
  .orb{display:none}
  .section{padding:42px 18px}
  .section-head.inline{flex-direction:column;align-items:flex-start}
  .section-head h1,.section-head h2{font-size:34px;letter-spacing:-1px}
  .section-head p,.lead{font-size:16px}
  .feature-grid,.card-grid,.split{grid-template-columns:1fr}
  .content-card .media{height:170px}
  .game-cta{margin:22px 18px;padding:26px;border-radius:24px;flex-direction:column;align-items:flex-start}
  .game-cta h2{font-size:34px}
  .game-cta p{font-size:16px}
  .game-cta .btn{width:100%}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-grid a{min-height:135px}
  .contact-strip{margin:26px 18px;padding:24px;flex-direction:column;align-items:flex-start}
  .article-page,.contact-page{padding:46px 18px}
  .article-page h1,.contact-page h1{font-size:36px;letter-spacing:-1.2px}
  .contact-page{display:grid;grid-template-columns:1fr;gap:22px}
  .footer{padding:28px 18px;flex-direction:column;align-items:flex-start}
}

/* v1.4 logo mobil */
@media (max-width:740px){
  .brand-with-logo{max-width:calc(100vw - 72px);gap:8px}
  .brand-logo{height:44px;max-width:230px;border-radius:12px;padding:3px 6px}
  .footer-logo{width:100%;max-height:70px}
  .hero{background:linear-gradient(180deg,#fbfdff,#eef9ff)}
}


/* v1.5 mobil sade logo */
@media (max-width:740px){
  .brand-logo{height:42px;max-width:245px}
  .site-header{padding:11px 14px}
  .menu-btn{background:var(--dga-blue-soft);color:var(--dga-blue-dark)}
  .hero h1{font-size:40px}
  .hero-actions .btn{border-radius:14px}
  .glass-card{border-radius:22px}
  .footer-logo{max-height:64px}
}


/* ===== v1.22 Mobil Premium Header ===== */
@media (max-width:740px){
  .site-header{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    padding:10px 14px !important;
  }

  .brand-with-logo{
    max-width:calc(100vw - 78px) !important;
  }

  .brand-logo{
    height:39px !important;
    max-width:230px !important;
  }

  .menu-btn{
    justify-self:end !important;
    min-width:44px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    background:#fff !important;
    border:1px solid var(--dga-line) !important;
    box-shadow:0 8px 18px rgba(23,32,51,.045) !important;
  }

  .header-search{
    grid-column:1/-1 !important;
    width:100% !important;
    flex-basis:auto !important;
    order:3 !important;
    margin-top:0 !important;
    border-radius:15px !important;
  }

  .nav{
    grid-column:1/-1 !important;
    top:104px !important;
    left:10px !important;
    right:10px !important;
    border-radius:22px !important;
    background:#fff !important;
    padding:12px !important;
  }

  .nav > a,
  .nav-parent{
    border-radius:14px !important;
    font-size:13px !important;
    padding:13px 12px !important;
  }
}


/* ===== v1.82 Drawer puslanma düzeltmesi =====
   Overlay artık bulanıklaştırmaz; drawer ve kapatma butonu overlay üstünde net kalır. */

/* ===== v1.81 Mobil Sağdan Açılır Menü / Drawer =====
   Mobilde açılır menü artık sayfanın içinde aşağı açılmak yerine sağdan sola kayan
   uygulama menüsü gibi çalışır. */
@media (max-width:740px){
  body.front-nav-open{
    overflow:hidden !important;
  }

  body.front-nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.18);
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:260;
  }

  .site-header{
    z-index:520 !important;
  }

  .menu-btn{
    position:relative !important;
    z-index:580 !important;
  }

  body.front-nav-open .menu-btn{
    position:fixed !important;
    top:16px !important;
    right:16px !important;
    width:46px !important;
    height:46px !important;
    border-radius:16px !important;
    background:#fff !important;
    color:var(--dga-blue-dark) !important;
    border:1px solid rgba(10,158,216,.22) !important;
    box-shadow:0 18px 42px rgba(15,23,42,.18) !important;
  }

  .nav{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    width:min(86vw,360px) !important;
    max-width:360px !important;
    height:100vh !important;
    height:100dvh !important;
    grid-column:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:82px 18px 24px !important;
    border-radius:26px 0 0 26px !important;
    border:1px solid rgba(10,158,216,.16) !important;
    border-right:0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%) !important;
    box-shadow:-24px 0 70px rgba(15,23,42,.22) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    transform:translateX(108%) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.22,.84,.32,1), visibility 0s linear .28s !important;
    z-index:560 !important;
  }

  .nav::before{
    content:"Menü";
    display:block;
    margin:0 0 6px;
    color:var(--dga-blue-dark);
    font-weight:950;
    font-size:19px;
    letter-spacing:-.3px;
  }

  .nav.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition-delay:0s !important;
  }

  .nav > a,
  .nav-parent{
    width:100% !important;
    justify-content:space-between !important;
    border-radius:16px !important;
    padding:14px 14px !important;
    font-size:14px !important;
    background:#fff !important;
    border:1px solid rgba(219,231,247,.95) !important;
    box-shadow:0 10px 22px rgba(15,23,42,.045) !important;
  }

  .nav > a:hover,
  .nav-parent:hover,
  .nav-dropdown.open .nav-parent{
    background:var(--dga-blue-soft) !important;
    color:var(--dga-blue-dark) !important;
  }

  .nav .game-link{
    background:var(--dga-orange) !important;
    color:#fff !important;
    border-color:transparent !important;
  }

  .submenu{
    margin:8px 0 10px !important;
    padding:8px !important;
    border:1px solid rgba(219,231,247,.95) !important;
    background:#fff !important;
    border-radius:16px !important;
  }
}

/* ===== v1.83 Mobil drawer alt menü hizalama fix =====
   Sağdan açılan drawer içinde ana menü başlıklarına dokununca alt menü artık
   sağ tarafa taşmaz; başlığın hemen altında, drawer akışı içinde listelenir. */
@media (max-width:740px){
  .nav .nav-dropdown{
    position:relative !important;
    display:block !important;
    width:100% !important;
  }

  .nav .nav-dropdown::after{
    display:none !important;
    content:none !important;
  }

  .nav .submenu,
  .nav .nav-dropdown:hover .submenu,
  .nav .nav-dropdown:focus-within .submenu{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:8px 0 10px !important;
    padding:8px !important;
    border:1px solid rgba(10,158,216,.14) !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 10px 22px rgba(15,23,42,.035) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:auto !important;
    display:none !important;
  }

  .nav .submenu::before{
    display:none !important;
    content:none !important;
  }

  .nav .nav-dropdown.open > .submenu{
    display:grid !important;
    gap:4px !important;
    animation:dgaMobileSubmenuDrop .18s ease both;
  }

  .nav .nav-dropdown:not(.open) > .submenu{
    display:none !important;
  }

  .nav .submenu a{
    width:100% !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    padding:11px 12px !important;
    border-radius:13px !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .nav .submenu a:hover,
  .nav .submenu a:focus{
    background:var(--dga-blue-soft) !important;
    color:var(--dga-blue-dark) !important;
  }

  @keyframes dgaMobileSubmenuDrop{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
  }
}


/* ===== v1.86 Mobil drawer premium hiyerarşi fix =====
   Alt menüdeki sol çizgi kaldırıldı; hiyerarşi sadece kart derinliği, boşluk,
   yazı ağırlığı ve yumuşak premium yüzeylerle ayrılır. */
@media (max-width:740px){
  .nav .nav-dropdown{
    margin:3px 0 6px !important;
  }

  .nav .nav-dropdown.open{
    padding:8px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(236,249,255,.98) 0%,rgba(255,255,255,.98) 100%) !important;
    border:1px solid rgba(10,158,216,.16) !important;
    box-shadow:0 18px 42px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .nav .nav-dropdown.open > .nav-parent{
    position:relative !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#10a8de 0%,#057ec1 62%,#056aa8 100%) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.22) !important;
    box-shadow:0 14px 30px rgba(10,126,193,.26), inset 0 1px 0 rgba(255,255,255,.18) !important;
    padding-left:16px !important;
  }

  .nav .nav-dropdown.open > .nav-parent::before{
    content:"" !important;
    position:absolute !important;
    inset:-40% auto auto -18% !important;
    width:86px !important;
    height:86px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    box-shadow:72px 20px 0 rgba(255,255,255,.08) !important;
    pointer-events:none !important;
  }

  .nav .nav-dropdown.open > .nav-parent span{
    position:relative !important;
    z-index:1 !important;
    color:#fff !important;
    opacity:.98 !important;
  }

  .nav .nav-dropdown.open > .submenu{
    position:relative !important;
    margin:10px 3px 3px !important;
    padding:8px !important;
    border-radius:18px !important;
    border:1px solid rgba(10,158,216,.11) !important;
    border-left:1px solid rgba(10,158,216,.11) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,252,255,.98) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(15,23,42,.045) !important;
  }

  .nav .nav-dropdown.open > .submenu::before{
    display:none !important;
    content:none !important;
  }

  .nav .submenu a{
    position:relative !important;
    min-height:42px !important;
    padding:10px 12px 10px 34px !important;
    border-radius:14px !important;
    color:#172033 !important;
    font-size:13px !important;
    font-weight:800 !important;
    background:linear-gradient(180deg,#fff 0%,#f9fdff 100%) !important;
    border:1px solid rgba(219,231,247,.92) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
  }

  .nav .submenu a::before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    top:50% !important;
    width:7px !important;
    height:7px !important;
    transform:translateY(-50%) !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#9bdfff,#0a9ed8) !important;
    box-shadow:0 0 0 4px rgba(10,158,216,.08) !important;
  }

  .nav .submenu a:hover,
  .nav .submenu a:focus{
    background:linear-gradient(180deg,#eaf8ff 0%,#f7fcff 100%) !important;
    border-color:rgba(10,158,216,.24) !important;
    color:var(--dga-blue-dark) !important;
    transform:translateX(2px) !important;
  }

  .nav > a{
    margin:3px 0 6px !important;
  }
}


/* ===== v1.87 Mobil drawer iç scroll + alt alan görünürlük fix =====
   Drawer yüksekliği padding ile taşmasın diye border-box kullanılır; menü kendi içinde
   kayar, en alttaki Akıl Kampüsü/alt öğeler kesilmez. */
@media (max-width:740px){
  .nav{
    box-sizing:border-box !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px)) !important;
    scrollbar-gutter:stable both-edges !important;
  }

  .nav::-webkit-scrollbar{
    width:7px !important;
  }

  .nav::-webkit-scrollbar-track{
    background:rgba(219,231,247,.55) !important;
    border-radius:999px !important;
  }

  .nav::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(10,158,216,.70),rgba(5,126,193,.78)) !important;
    border-radius:999px !important;
    border:2px solid rgba(255,255,255,.82) !important;
  }

  .nav::after{
    content:"" !important;
    display:block !important;
    flex:0 0 20px !important;
    height:20px !important;
  }

  .nav .game-link{
    margin-bottom:4px !important;
  }
}


/* ===== v1.89 Mobil drawer portal + temiz scroll fix =====
   v1.88'de drawer header içinde sıkışıp beyaz kutuya dönüyordu. Bu fix,
   JS ile menüyü açılış sırasında body seviyesine taşır; CSS de sadece bu portal
   durumunda tam ekran sağ drawer + içeriden scroll uygular. */
@media (max-width:740px){
  body.front-nav-open{
    overflow:hidden !important;
  }

  body.front-nav-open::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(15,23,42,.22) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:9990 !important;
  }

  body.front-nav-open .menu-btn{
    z-index:10030 !important;
  }

  .nav.dga-drawer-portal{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(88vw,380px) !important;
    max-width:min(88vw,380px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    box-sizing:border-box !important;
    grid-column:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:82px 18px calc(132px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius:26px 0 0 26px !important;
    border:1px solid rgba(10,158,216,.16) !important;
    border-right:0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%) !important;
    box-shadow:-24px 0 70px rgba(15,23,42,.22) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    touch-action:pan-y !important;
    transform:translateX(108%) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.22,.84,.32,1), visibility 0s linear .28s !important;
    z-index:10010 !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(10,158,216,.75) rgba(219,231,247,.55) !important;
  }

  .nav.dga-drawer-portal.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition-delay:0s !important;
  }

  .nav.dga-drawer-portal > *,
  .nav.dga-drawer-portal .nav-dropdown,
  .nav.dga-drawer-portal .submenu,
  .nav.dga-drawer-portal .submenu a{
    flex:0 0 auto !important;
  }

  .nav.dga-drawer-portal::after{
    content:"" !important;
    display:block !important;
    flex:0 0 92px !important;
    min-height:92px !important;
  }

  .nav.dga-drawer-portal::-webkit-scrollbar{
    width:7px !important;
  }

  .nav.dga-drawer-portal::-webkit-scrollbar-track{
    background:rgba(219,231,247,.55) !important;
    border-radius:999px !important;
  }

  .nav.dga-drawer-portal::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(10,158,216,.70),rgba(5,126,193,.78)) !important;
    border-radius:999px !important;
    border:2px solid rgba(255,255,255,.82) !important;
  }

  .nav.dga-drawer-portal .game-link{
    margin-bottom:12px !important;
  }
}

/* ===== v1.90 Mobil duyuru bandı premium okunabilirlik fix =====
   Duyuru bandı mobilde sıkışıp buton/kapatma alanı ile çakışıyordu. Bu blok,
   başlık, açıklama ve aksiyon butonunu ayrı satırlara alır; kapatma butonunu
   metinden bağımsız sağ üstte tutar. */
@media (max-width:740px){
  .notice-bar{
    padding:14px 14px 16px !important;
    border-bottom:0 !important;
    box-shadow:0 12px 32px rgba(10,158,216,.16) !important;
  }

  .notice-bar-inner{
    max-width:none !important;
    width:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    justify-content:stretch !important;
    gap:10px !important;
  }

  .notice-message{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    align-items:start !important;
    justify-content:start !important;
    gap:3px 10px !important;
    padding-right:44px !important;
    text-align:left !important;
    line-height:1.25 !important;
  }

  .notice-icon{
    grid-row:1 / span 2 !important;
    width:28px !important;
    height:28px !important;
    margin-top:1px !important;
    font-size:13px !important;
    flex:0 0 28px !important;
  }

  .notice-message strong{
    width:auto !important;
    display:block !important;
    font-size:14px !important;
    line-height:1.18 !important;
    letter-spacing:-.15px !important;
  }

  .notice-message span:not(.notice-icon){
    display:block !important;
    grid-column:2 !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    opacity:.94 !important;
  }

  .notice-action{
    width:auto !important;
    max-width:calc(100% - 38px) !important;
    justify-self:start !important;
    margin-left:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:10px 16px !important;
    border-radius:14px !important;
    font-size:13px !important;
    line-height:1 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 10px 20px rgba(15,23,42,.08) !important;
  }

  .notice-close{
    top:12px !important;
    right:12px !important;
    transform:none !important;
    width:34px !important;
    height:34px !important;
    border:1px solid rgba(255,255,255,.26) !important;
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
    font-size:19px !important;
  }

  .notice-soft .notice-close{
    border-color:rgba(10,158,216,.18) !important;
  }
}


/* ===== v1.91 Mobil son uyum: drawer/header/cookie/erişilebilirlik çakışma temizliği =====
   Önceki çalışan sağ drawer mantığı korunur; sadece mobil küçük ekranlarda
   çerez, erişilebilirlik, header ve drawer alt boşluk/scroll çakışmaları toparlanır. */
@media (max-width:740px){
  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:520 !important;
    overflow:visible !important;
  }

  .brand-with-logo{
    min-width:0 !important;
  }

  .brand-logo{
    width:auto !important;
    max-width:min(230px, calc(100vw - 98px)) !important;
    object-fit:contain !important;
  }

  .header-search{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .header-search input{
    min-width:0 !important;
  }

  .nav.dga-drawer-portal{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    width:min(88vw, 378px) !important;
    padding:76px 16px calc(126px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom:132px !important;
    overscroll-behavior:contain !important;
  }

  .nav.dga-drawer-portal::before{
    position:sticky !important;
    top:-76px !important;
    z-index:2 !important;
    margin:-2px -2px 10px !important;
    padding:2px 0 6px !important;
    background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,.94) 100%) !important;
  }

  .nav.dga-drawer-portal::after{
    flex-basis:118px !important;
    min-height:118px !important;
  }

  .nav.dga-drawer-portal > a,
  .nav.dga-drawer-portal .nav-parent{
    min-height:46px !important;
  }

  .nav.dga-drawer-portal .game-link{
    margin-bottom:18px !important;
  }

  body.front-nav-open .cookie-consent,
  body.front-nav-open .accessibility-tools,
  body.front-nav-open .back-to-top{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(12px) !important;
  }

  .cookie-consent{
    left:12px !important;
    right:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width:auto !important;
    transform:none !important;
    z-index:360 !important;
  }

  .cookie-consent.closing{
    transform:translateY(12px) !important;
  }

  .cookie-consent-content{
    max-height:min(42vh, 310px) !important;
    overflow-y:auto !important;
    gap:12px !important;
    border-radius:22px !important;
    padding:14px !important;
    box-shadow:0 20px 56px rgba(15,23,42,.18) !important;
  }

  .cookie-consent strong{
    font-size:16px !important;
    line-height:1.25 !important;
  }

  .cookie-consent p{
    font-size:14px !important;
    line-height:1.45 !important;
  }

  body.dga-cookie-visible .accessibility-tools{
    bottom:calc(156px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .accessibility-tools{
    z-index:370 !important;
  }

  .accessibility-panel{
    width:min(320px, calc(100vw - 24px)) !important;
    max-height:58vh !important;
    overflow-y:auto !important;
  }

  .notice-bar{
    overflow:hidden !important;
  }

  .notice-bar-inner,
  .notice-message,
  .notice-message strong,
  .notice-message span:not(.notice-icon){
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  .notice-action{
    max-width:calc(100% - 38px) !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .section,
  .article-page,
  .contact-page,
  .legal-page,
  .not-found-page{
    max-width:100vw !important;
    overflow-x:hidden !important;
  }

  .hero h1,
  .section-head h1,
  .section-head h2,
  .article-page h1,
  .contact-page h1{
    overflow-wrap:anywhere !important;
  }
}