:root{--primary:#101820;--ink:#101820;--muted:#5f6f82;--line:#d8dee8;--bg:#f4f6f8;--card:#fff;--accent:#0f5f9f;--accent2:#7b8a9a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(18,32,51,.94);color:#fff;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--accent);color:#fff;font-weight:900}.nav{display:flex;align-items:center;gap:18px;font-weight:700;font-size:14px}.nav-cta,.btn,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 18px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#fff;color:var(--primary)}.menu-toggle{display:none}.hero{min-height:84vh;display:grid;align-items:center;padding:120px 5vw 90px;background:linear-gradient(90deg,rgba(18,32,51,.95),rgba(18,32,51,.7)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff}.hero-content{max-width:860px}.eyebrow{display:inline-block;margin-bottom:16px;padding:8px 12px;border:1px solid rgba(217,154,18,.5);border-radius:8px;color:var(--accent);font-weight:800}.hero h1,.page-hero h1{font-size:clamp(38px,7vw,72px);line-height:1.02;margin:0 0 20px}.hero p,.page-hero p{font-size:clamp(17px,2vw,22px);line-height:1.6;color:rgba(255,255,255,.78);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:72px 5vw}.section-head{max-width:820px;margin-bottom:32px}.section h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.portfolio-card,.form-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:0 14px 40px rgba(13,19,32,.06)}.card{transition:.25s}.card:hover,.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 18px 60px rgba(13,19,32,.12)}.card-tag{color:var(--accent2);font-size:12px;font-weight:900;text-transform:uppercase}.dark{background:var(--primary);color:#fff}.dark p{color:rgba(255,255,255,.72)}.muted{background:#edf1f5}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features div{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:24px;background:rgba(255,255,255,.06)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-card{overflow:hidden;padding:0}.portfolio-card img{height:250px;width:100%;object-fit:cover}.portfolio-card h2,.portfolio-card h3,.portfolio-card p{padding:0 20px}.portfolio-card p{padding-bottom:20px;color:var(--muted)}.page-hero{padding:135px 5vw 70px;background:var(--primary);color:#fff}.prose{max-width:960px;font-size:18px;line-height:1.8}.form-shell{display:grid;place-items:center}.form-card{display:grid;gap:16px;width:min(760px,100%)}label{display:grid;gap:6px;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}textarea{min-height:130px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.contact-layout iframe{width:100%;min-height:280px;border:0;border-radius:8px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:42px 5vw;background:#0b111c;color:#fff}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;border-radius:999px;background:#1f9d55;color:#fff;padding:15px 18px;font-weight:900}.flash{margin:16px 5vw;padding:14px;border-radius:8px;background:#e8f8ee;color:#126b36}@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;background:var(--primary);padding:18px 5vw}.nav.open{display:flex}.grid,.portfolio-grid,.features,.contact-layout,.footer{grid-template-columns:1fr}.hero{padding-top:110px}.portfolio-card img{height:220px}}
.promo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promo-strip a{display:grid;gap:6px;padding:22px 5vw;background:#fff}.promo-strip strong{color:var(--primary);font-size:18px}.promo-strip span{color:var(--muted);line-height:1.5}@media(max-width:900px){.promo-strip{grid-template-columns:1fr}.promo-strip a{padding:18px 5vw}}
.proof-section{background:#fff}.proof-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.proof-metrics div{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:20px;background:#f8fafc}.proof-metrics strong{color:var(--primary);font-size:18px}.proof-metrics span{color:var(--muted);line-height:1.5}.before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.before-after-grid article{position:relative;overflow:hidden;border-radius:8px;background:#111;min-height:360px}.before-after-grid img{width:100%;height:100%;min-height:360px;object-fit:cover;opacity:.86;transition:transform .35s,opacity .35s}.before-after-grid article:hover img{transform:scale(1.04);opacity:1}.before-after-grid div{position:absolute;left:18px;right:18px;bottom:18px;padding:16px;border-radius:8px;background:rgba(18,32,51,.88);color:#fff}.before-after-grid span{display:inline-block;margin-bottom:6px;color:var(--accent);font-weight:900;text-transform:uppercase}.before-after-grid p{margin:0;color:rgba(255,255,255,.82);line-height:1.5}.trust-seals{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-seals span{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(18,32,51,.16);border-radius:999px;background:#eef5fb;color:#101820;font-weight:900}.trust-seals span::before{content:"";width:8px;height:8px;margin-right:8px;border-radius:999px;background:var(--accent)}@media(max-width:900px){.proof-metrics,.before-after-grid{grid-template-columns:1fr}.before-after-grid article,.before-after-grid img{min-height:280px}}
.hero{position:relative;overflow:hidden}.hero::after{content:"";position:absolute;right:4vw;bottom:-80px;width:min(440px,42vw);height:440px;border:1px solid rgba(255,255,255,.14);transform:rotate(8deg);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;max-width:780px}.hero-kpis div{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.hero-kpis strong{display:block;color:var(--accent);font-size:34px;line-height:1}.hero-kpis span{display:block;margin-top:7px;color:rgba(255,255,255,.78);font-weight:700;line-height:1.35}.conversion-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.conversion-strip h2{max-width:760px}.authority-band{background:#122033;color:#fff}.authority-band .section-head p,.authority-band p{color:rgba(255,255,255,.76)}.authority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.authority-grid article{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:24px;background:rgba(255,255,255,.06)}.authority-grid span{color:var(--accent);font-weight:900}.service-advisor{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.service-advisor p{max-width:760px;color:var(--muted);line-height:1.6}.service-card-grid .card{position:relative;min-height:230px}.service-card-grid .card strong{margin-top:auto;color:var(--accent2)}.btn,.card,.portfolio-card,.ready-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.btn:hover{transform:translateY(-1px)}.privacy-banner{position:fixed;left:22px;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:980px;margin:auto;padding:14px 16px;border:1px solid rgba(18,32,51,.16);border-radius:8px;background:#fff;box-shadow:0 18px 70px rgba(13,19,32,.18)}.privacy-banner[hidden]{display:none}.privacy-banner p{margin:0;color:var(--muted);line-height:1.45}.privacy-banner a{color:var(--primary);font-weight:900;text-decoration:underline}.privacy-content h2{margin-top:34px;color:var(--primary)}.faq-list{display:grid;gap:12px;max-width:980px}.faq-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:18px}.faq-item summary{cursor:pointer;font-weight:900;color:var(--primary)}.faq-item p{color:var(--muted);line-height:1.7}.service-local-seo .features p{color:var(--muted);line-height:1.55}.footer{grid-template-columns:1.1fr 1fr 1fr}.footer-company{border-left:1px solid rgba(255,255,255,.14);padding-left:22px}.footer a{text-decoration:underline;text-underline-offset:3px}.company-data{background:#fff}.company-data dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.company-data div{border:1px solid var(--line);border-radius:8px;padding:16px;background:#f8fafc}.company-data dt{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.company-data dd{margin:6px 0 0;color:var(--primary);font-weight:800;line-height:1.45}@media(max-width:900px){.hero-kpis,.authority-grid{grid-template-columns:1fr}.conversion-strip,.service-advisor{display:grid}.hero::after{display:none}.privacy-banner{display:grid;left:14px;right:14px;bottom:14px}.privacy-banner .btn{width:100%}.footer,.company-data dl{grid-template-columns:1fr}.footer-company{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding-left:0;padding-top:18px}}
.footer-contact{display:grid;gap:10px;align-content:start}.footer-contact strong,.footer-brand strong,.footer-company strong{color:#fff;font-size:18px}.footer-contact p{margin:0}.footer-contact a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.footer-contact a:hover{color:var(--accent)}.footer-icon{display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);color:var(--accent)}.footer-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.site-logo,
.logo,
.header-logo,
.navbar-logo {
    width: auto !important;
    height: auto !important;
    max-width: 190px !important;
    max-height: 74px !important;
    object-fit: contain !important;
    display: block;
}

.header img,
.navbar img {
    max-width: 190px !important;
    max-height: 74px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.header,
.navbar,
.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
    padding: 10px 24px;
    overflow: hidden;
}

.brand {
    flex: 0 0 auto;
    min-width: 0;
    max-width: 210px;
}

.nav,
.menu,
.navbar-menu {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.footer .logo,
.footer .site-logo {
    max-width: 220px !important;
    max-height: 124px !important;
    margin-bottom: 14px;
}

@media (max-width: 768px) {
    .site-logo,
    .logo,
    .header-logo,
    .navbar-logo,
    .header img,
    .navbar img {
        max-width: 120px !important;
        max-height: 55px !important;
    }

    .header,
    .navbar,
    .site-header {
        min-height: 70px;
        padding: 8px 16px;
    }
}

.topbar .brand .site-logo {
    width: min(190px, 32vw) !important;
    max-height: 74px !important;
}

@media (max-width: 420px) {
    .topbar .brand .site-logo {
        width: min(150px, 44vw) !important;
        max-height: 58px !important;
    }
}

@media (max-width: 900px) {
    .topbar .nav {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 70px;
        align-items: stretch;
        flex-direction: column;
        background: var(--primary);
        padding: 18px 5vw;
    }

    .topbar .nav.open {
        display: flex;
    }
}

/* Premium engineering authority refresh */
:root {
  --primary: #101820;
  --ink: #101828;
  --muted: #5f6b7a;
  --line: #d7dde6;
  --bg: #f3f5f7;
  --card: #fff;
  --accent: #0f5f9f;
  --accent2: #a9b4c2;
  --metal: #edf1f5;
}

body { background: var(--bg); font-family: Arial, Helvetica, sans-serif; }
.btn.primary, .nav-cta { background: #0f5f9f; color: #fff; }
.btn.secondary { border: 1px solid rgba(16,24,32,.18); background: #fff; color: #101820; }
.eyebrow { border-color: rgba(15,95,159,.28); color: #0f5f9f; background: rgba(255,255,255,.08); }
.topbar { background: rgba(16,24,32,.96); border-bottom: 1px solid rgba(255,255,255,.08); }
.premium-hero { background: linear-gradient(90deg,rgba(16,24,32,.96),rgba(16,24,32,.72)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=82') center/cover; }
.premium-hero h1 { max-width: 980px; }
.hero-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
.hero-kpis strong { color: #b8d8f3; }
.authority-panel, .about-institutional, .timeline-section, .service-area { background: #fff; }
.authority-panel .section-head p, .section-lead { color: var(--muted); line-height: 1.65; max-width: 880px; }
.authority-chip-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.authority-chip-grid span, .area-map span { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 13px; border: 1px solid rgba(16,24,32,.12); border-radius: 8px; background: linear-gradient(180deg,#fff,#edf1f5); color: #101820; font-weight: 900; }
.how-it-works .authority-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.authority-grid article { border-color: rgba(16,24,32,.12); background: #fff; color: #101820; box-shadow: 0 14px 42px rgba(16,24,32,.06); }
.authority-grid article p { color: var(--muted); }
.authority-grid span { color: #0f5f9f; }
.compact-cards .card { min-height: 180px; }
.premium-features { grid-template-columns: repeat(4,minmax(0,1fr)); }
.premium-features div { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.16); }
.client-segments { margin-bottom: 24px; }
.technical-media article { border: 1px solid var(--line); }
.area-map { display: flex; flex-wrap: wrap; gap: 12px; }

.about-hero, .service-hero, .quote-hero { background: linear-gradient(90deg,rgba(16,24,32,.96),rgba(16,24,32,.74)),url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=1800&q=82') center/cover; }
.about-institutional { display: grid; grid-template-columns: minmax(280px,.85fr) minmax(0,1.15fr); gap: 28px; align-items: stretch; }
.engineer-card, .about-copy { border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 28px; box-shadow: 0 14px 42px rgba(16,24,32,.07); }
.engineer-photo { display: grid; place-items: end start; min-height: 360px; margin-bottom: 22px; padding: 22px; border-radius: 8px; background: linear-gradient(145deg,#101820,#0f5f9f 58%,#d7dde6); color: #fff; overflow: hidden; position: relative; }
.engineer-photo::before { content: ""; position: absolute; inset: 42px 36px auto auto; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }
.engineer-photo span { position: relative; z-index: 1; font-size: 26px; font-weight: 900; line-height: 1.15; }
.engineer-card h2, .about-copy h2 { margin-top: 0; color: #101820; }
.engineer-card p, .about-copy p { color: var(--muted); line-height: 1.7; }
.crea-badge { display: inline-flex; margin-top: 12px; padding: 12px 14px; border-radius: 8px; background: #101820; color: #fff; }
.timeline { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.timeline article { border-left: 4px solid #0f5f9f; border-radius: 8px; background: #fff; padding: 24px; box-shadow: 0 14px 42px rgba(16,24,32,.06); }
.timeline span { color: #0f5f9f; font-weight: 900; font-size: 28px; }

.service-structured { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 28px; align-items: start; }
.service-main, .service-info-grid .card { border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 28px; box-shadow: 0 14px 42px rgba(16,24,32,.06); }
.service-main p, .service-info-grid li { color: var(--muted); line-height: 1.65; }
.service-info-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.service-info-grid ul { margin: 0; padding-left: 20px; }
.privacy-note { border: 1px solid rgba(15,95,159,.24); border-radius: 8px; padding: 12px; background: #f1f7fc; color: #344054; line-height: 1.55; }
.privacy-note a { color: #0f5f9f; font-weight: 900; text-decoration: underline; }
.whatsapp { right: 18px; bottom: 18px; background: #128c4a; box-shadow: 0 12px 34px rgba(16,24,32,.22); }

.case-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 8px; }
.case-grid div { border: 1px solid var(--line); border-radius: 8px; padding: 16px; background: #f8fafc; }
.case-grid strong { color: #101820; }
.case-grid p { margin-top: 6px; }

.about-stats-section { background: #0d1724; color: #fff; padding-top: 34px; padding-bottom: 34px; }
.about-stats-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.about-stats-grid article { border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 22px; background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); }
.about-stats-grid strong { display: block; color: #b8d8f3; font-size: 40px; line-height: 1; }
.about-stats-grid span { display: block; margin-top: 10px; color: rgba(255,255,255,.76); font-weight: 800; line-height: 1.4; }
.team-section { background: linear-gradient(180deg,#f3f5f7,#fff); }
.team-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 18px; }
.team-card { overflow: hidden; border: 1px solid rgba(16,24,32,.12); border-radius: 8px; background: #fff; box-shadow: 0 16px 50px rgba(16,24,32,.08); transform: translateY(0); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.team-card:hover { transform: translateY(-5px); border-color: rgba(15,95,159,.34); box-shadow: 0 24px 70px rgba(16,24,32,.14); }
.team-card.is-featured { border-color: rgba(15,95,159,.38); background: linear-gradient(180deg,#fff,#f3f8fc); }
.team-card-photo { position: relative; display: grid; place-items: center; min-height: 310px; background: linear-gradient(145deg,#101820,#0f5f9f); color: #fff; }
.team-card-photo img { width: 100%; height: 310px; object-fit: cover; }
.team-card-photo span { display: grid; place-items: center; width: 112px; height: 112px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 34px; font-weight: 900; }
.team-card-photo strong { position: absolute; left: 14px; bottom: 14px; border-radius: 8px; padding: 9px 11px; background: rgba(16,24,32,.9); color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.team-card-body { display: grid; gap: 9px; padding: 22px; }
.team-card-body h3 { margin: 0; color: #101820; font-size: 22px; }
.team-card-body p { margin: 0; color: var(--muted); line-height: 1.6; }
.team-role { color: #101820 !important; font-weight: 900; }
.team-crea, .team-specialty { font-weight: 900; }
.team-specialty { color: #0f5f9f !important; }
.team-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.team-links a { display: inline-flex; min-height: 34px; align-items: center; border: 1px solid rgba(16,24,32,.13); border-radius: 999px; padding: 7px 10px; background: #f8fafc; color: #101820; font-size: 13px; font-weight: 900; }
.principles-section, .certifications-section { background: #fff; }
.principles-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.principles-grid article { border: 1px solid var(--line); border-radius: 8px; padding: 26px; background: #f8fafc; box-shadow: 0 12px 38px rgba(16,24,32,.05); }
.principles-grid span { color: #0f5f9f; font-weight: 900; text-transform: uppercase; }
.principles-grid h2 { font-size: 28px; margin-top: 10px; }
.principles-grid p { color: var(--muted); line-height: 1.65; }
.certification-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.certification-grid span { border: 1px solid rgba(15,95,159,.24); border-radius: 8px; padding: 12px 14px; background: #f1f7fc; color: #101820; font-weight: 900; }

@media (max-width: 900px) {
  .hero-kpis, .how-it-works .authority-grid, .premium-features, .about-institutional, .timeline, .service-structured, .service-info-grid, .case-grid, .about-stats-grid, .principles-grid { grid-template-columns: 1fr; }
  .premium-hero { min-height: auto; padding-bottom: 72px; }
  .whatsapp { left: 14px; right: 14px; bottom: 14px; text-align: center; }
  .privacy-banner { bottom: 74px; }
  .footer { padding-bottom: 92px; }
  .team-card-photo, .team-card-photo img { min-height: 260px; height: 260px; }
}

/* Logo sizing: keep the full artwork visible in the public header/footer. */
.topbar,
.topbar.header,
.topbar.navbar {
    min-height: 82px;
    overflow: visible !important;
}

.brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: min(220px, 38vw);
    overflow: visible;
}

.brand .site-logo,
.topbar .brand .site-logo,
.header .brand .site-logo,
.navbar .brand .site-logo {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 220px !important;
    max-height: 64px !important;
    object-fit: contain !important;
}

.footer .site-logo {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 240px !important;
    max-height: 135px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .topbar,
    .topbar.header,
    .topbar.navbar {
        min-height: 68px;
    }

    .brand {
        max-width: min(170px, 48vw);
    }

    .brand .site-logo,
    .topbar .brand .site-logo,
    .header .brand .site-logo,
    .navbar .brand .site-logo {
        max-width: 170px !important;
        max-height: 48px !important;
    }

    .topbar .nav {
        top: 68px;
    }
}