:root{
            --bg:#f7f8fb; --card:#fff; --accent:#2563eb; --muted:#6b7280;
            --gap:1rem; --radius:10px;
        }
        *{box-sizing:border-box}
         body{
            margin:0; font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
            background:var(--bg); color:#111; line-height:1.45;
            padding:2rem;
        } 
        .site{
            max-width:75%; margin:0 auto;
        }

        header.site-header{
            background:linear-gradient(90deg, #fff 0%, #fbfdff 100%);
            border-radius:var(--radius);
            padding:1.25rem 1.5rem;
            box-shadow:0 6px 20px rgba(20,30,60,0.06);
            margin-bottom:1rem;
            display:grid;
            grid-template-rows: 1fr 5%;
        }
        header .title{
            display:flex; 
            align-items:center; 
            
            flex-direction:column;
            gap:1rem;
            width: auto; 
            height: auto;
        }
      

        header .title .Logo{
            display:flex;
            flex-direction:column;
            /*justify-content:center;
            align-items:center;*/
            gap:.5rem;
            width:300px;
            height: auto;
        }
        header .title .Logo img{
            height:auto;
            width: auto;
            border-radius:8px;
            object-fit:contain;
            display: block;
        }

       

        h1{font-size:1.5rem; margin:0; letter-spacing:-0.02em}
        p.tagline{
            margin: 0;
            font-size:1.75rem;
            font-weight:500;
            color:black;
            justify-content: center;
            display: flex;

        }

        /* Social subheader */
        .socials{
            display:flex; gap:.5rem; align-items:center; 
            flex-wrap:wrap; justify-content:center;
        }
        .socials a{
            display:inline-flex; gap:.6rem; align-items:center; text-decoration:none;
            background:transparent; color:var(--muted); padding:.45rem .6rem; border-radius:8px;
            transition:all .15s ease; font-size:.95rem;
        }
        .socials a:hover{background:#f1f6ff; color:var(--accent); transform:translateY(-2px)}

        /* Page layout: two columns */
        .layout{
            display:grid;
            grid-template-columns: 1fr 1fr;
            gap:var(--gap);
            margin-top:1.25rem;
        }
        @media (max-width:880px){
            .layout{grid-template-columns:1fr; }
            .site{max-width:100%;}
            
            img.snt{width:auto; height:auto;object-fit: cover;}
            p.tagline{display: flex; align-self: center; justify-self: center;}
        }

        .card{
            background:var(--card); 
            padding:1rem; 
            border-radius:10px; 
            box-shadow:0 6px 20px rgba(20,30,60,0.04); 
            
        }
        .main{
            justify-items: center;
            align-items: center;
            width:100%;
        }

        .sidebar .section{margin-bottom:.8rem}
        .small{font-size:.85rem; color:var(--muted)}
        
        .hours
        {
            margin:.25rem 0; 
            color:#444; 
            font-weight:500;
            align-content:center; 
            justify-content: center;
            justify-items: center;
        }
        .hours .parking {text-align: center;}
        .address{
            font-weight:625; 
            margin:.25rem 0 0.25rem; 
            text-align: center;
        }
        .iconsvg{width:18px;height:18px;display:inline-block;vertical-align:middle}