* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }


        :root {

            --bg: #111111;
            --dark: #080808;
            --section: #171717;
            --card: #1a1a1a;

            --gold: #d6a85c;
            --gold-hover: #efc77e;

            --white: #ffffff;
            --text: #dddddd;
            --muted: #999999;

            --border: #292929;
        }


        body {

            font-family: Georgia, serif;

            background: var(--bg);

            color: var(--white);

            line-height: 1.6;
        }


        /* ================= HEADER ================= */

        header {

            position: sticky;

            top: 0;

            z-index: 1000;

            height: 80px;

            background: rgba(8, 8, 8, .96);

            border-bottom:
                1px solid var(--border);
        }


        nav {

            width: 90%;

            max-width: 1200px;

            height: 100%;

            margin: auto;

            display: flex;

            align-items: center;

            justify-content: space-between;
        }


        .logo {

            color: var(--gold);

            font-size: 28px;

            font-weight: bold;

            letter-spacing: 2px;
        }


        .nav-links {

            display: flex;

            gap: 30px;

            list-style: none;
        }


        .nav-links a {

            color: var(--white);

            text-decoration: none;

            transition: .3s;
        }


        .nav-links a:hover,
        .active {

            color: var(--gold) !important;
        }


        /* ================= HERO ================= */

        .contact-header {

            min-height: 470px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            padding: 100px 8%;

            background:

                linear-gradient(
                    rgba(0,0,0,.55),
                    rgba(0,0,0,.78)
                ),

                url("https://images.unsplash.com/photo-1552566626-52f8b828add9?auto=format&fit=crop&w=1600&q=80")
                center/cover;
        }


        .contact-header span {

            color: var(--gold);

            letter-spacing: 5px;

            font-size: 14px;
        }


        .contact-header h1 {

            font-size:
                clamp(50px, 8vw, 75px);

            margin: 15px 0;
        }


        .contact-header p {

            max-width: 650px;

            margin: auto;

            color: var(--text);

            font-size: 18px;
        }


        /* ================= CONTACT INTRO ================= */

        .contact-intro {

            max-width: 1150px;

            width: 90%;

            margin: auto;

            padding: 100px 0;

            display: grid;

            grid-template-columns:
                1fr 1.2fr;

            gap: 70px;

            align-items: center;
        }


        .intro-content span {

            color: var(--gold);

            letter-spacing: 4px;

            font-size: 14px;
        }


        .intro-content h2 {

            font-size: 45px;

            line-height: 1.2;

            margin: 18px 0 25px;
        }


        .intro-content p {

            color: var(--muted);

            line-height: 1.9;

            margin-bottom: 18px;
        }


        .intro-image img {

            width: 100%;

            height: 430px;

            object-fit: cover;
        }


        /* ================= CONTACT CARDS ================= */

        .contact-details {

            background: var(--section);

            padding: 100px 8%;
        }


        .details-heading {

            text-align: center;

            margin-bottom: 55px;
        }


        .details-heading span {

            color: var(--gold);

            letter-spacing: 4px;

            font-size: 14px;
        }


        .details-heading h2 {

            font-size: 45px;

            margin-top: 12px;
        }


        .details-grid {

            max-width: 1150px;

            margin: auto;

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 25px;
        }


        .detail-card {

            background: var(--card);

            border: 1px solid var(--border);

            padding: 40px 30px;

            text-align: center;

            transition: .3s;
        }


        .detail-card:hover {

            transform: translateY(-8px);

            border-color: var(--gold);
        }


        .detail-icon {

            width: 65px;

            height: 65px;

            margin: 0 auto 22px;

            display: flex;

            align-items: center;

            justify-content: center;

            border: 1px solid var(--gold);

            border-radius: 50%;

            font-size: 27px;
        }


        .detail-card h3 {

            font-size: 23px;

            margin-bottom: 12px;
        }


        .detail-card p {

            color: var(--muted);

            line-height: 1.8;
        }


        .detail-card strong {

            display: block;

            color: var(--gold);

            margin-top: 12px;
        }


        /* ================= OPENING HOURS ================= */

        .hours-section {

            padding: 100px 8%;

            background: var(--dark);
        }


        .hours-wrapper {

            max-width: 1100px;

            margin: auto;

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 60px;

            align-items: center;
        }


        .hours-content span {

            color: var(--gold);

            letter-spacing: 4px;

            font-size: 14px;
        }


        .hours-content h2 {

            font-size: 45px;

            margin: 15px 0 20px;
        }


        .hours-content p {

            color: var(--muted);

            line-height: 1.8;
        }


        .hours-list {

            margin-top: 30px;

            border-top:
                1px solid var(--border);
        }


        .hours-row {

            display: flex;

            justify-content: space-between;

            gap: 20px;

            padding: 18px 0;

            border-bottom:
                1px solid var(--border);
        }


        .hours-row span:first-child {

            color: var(--white);
        }


        .hours-row span:last-child {

            color: var(--gold);
        }


        /* ================= SERVICES ================= */

        .services {

            padding: 100px 8%;

            background: var(--bg);
        }


        .services-heading {

            text-align: center;

            margin-bottom: 55px;
        }


        .services-heading span {

            color: var(--gold);

            letter-spacing: 4px;
        }


        .services-heading h2 {

            font-size: 45px;

            margin-top: 12px;
        }


        .services-grid {

            max-width: 1100px;

            margin: auto;

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 25px;
        }


        .service {

            padding: 35px;

            background: var(--card);

            border: 1px solid var(--border);

            transition: .3s;
        }


        .service:hover {

            border-color: var(--gold);

            transform: translateY(-6px);
        }


        .service-icon {

            font-size: 35px;

            margin-bottom: 18px;
        }


        .service h3 {

            font-size: 22px;

            margin-bottom: 12px;
        }


        .service p {

            color: var(--muted);

            line-height: 1.8;
        }


        /* ================= LOCATION ================= */

        .location {

            background: var(--section);

            padding: 100px 8%;
        }


        .location-inner {

            max-width: 1100px;

            margin: auto;

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 60px;

            align-items: center;
        }


        .location-box span {

            color: var(--gold);

            letter-spacing: 4px;
        }


        .location-box h2 {

            font-size: 42px;

            margin: 15px 0 20px;
        }


        .location-box p {

            color: var(--muted);

            line-height: 1.9;

            margin-bottom: 15px;
        }


        .address {

            padding: 20px;

            border-left:
                3px solid var(--gold);

            background: var(--card);

            margin-top: 25px;
        }


        .address strong {

            color: var(--gold);
        }


        .map-box {

            min-height: 350px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            background:

                linear-gradient(
                    rgba(0,0,0,.4),
                    rgba(0,0,0,.7)
                ),

                url("https://images.unsplash.com/photo-1523731407965-2430cd12f5e4?auto=format&fit=crop&w=1000&q=80")
                center/cover;

            border: 1px solid var(--border);
        }


        .map-content {

            padding: 30px;
        }


        .map-content div {

            font-size: 45px;

            margin-bottom: 10px;
        }


        .map-content h3 {

            font-size: 25px;

            margin-bottom: 8px;
        }


        .map-content p {

            color: var(--text);
        }


        /* ================= CTA ================= */

        .contact-cta {

            min-height: 430px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            padding: 80px 8%;

            background:

                linear-gradient(
                    rgba(0,0,0,.65),
                    rgba(0,0,0,.8)
                ),

                url("https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1600&q=80")
                center/cover;
        }


        .cta-content {

            max-width: 750px;
        }


        .cta-content span {

            color: var(--gold);

            letter-spacing: 4px;
        }


        .cta-content h2 {

            font-size: 50px;

            margin: 18px 0;
        }


        .cta-content p {

            color: var(--text);

            font-size: 18px;

            margin-bottom: 30px;
        }


        .cta-btn {

            display: inline-block;

            padding: 15px 30px;

            background: var(--gold);

            color: var(--dark);

            text-decoration: none;

            font-weight: bold;

            transition: .3s;
        }


        .cta-btn:hover {

            background: var(--gold-hover);

            transform: translateY(-4px);
        }


        /* ================= FOOTER ================= */

        footer {

            background: var(--dark);

            text-align: center;

            padding: 30px;

            color: #888;
        }


        /* ================= RESPONSIVE ================= */

        @media(max-width: 800px) {

            .nav-links {

                gap: 12px;
            }


            .nav-links a {

                font-size: 12px;
            }


            .contact-intro,
            .hours-wrapper,
            .location-inner {

                grid-template-columns: 1fr;
            }


            .details-grid,
            .services-grid {

                grid-template-columns: 1fr;
            }


            .contact-header h1 {

                font-size: 45px;
            }


            .intro-content h2,
            .hours-content h2,
            .services-heading h2,
            .details-heading h2 {

                font-size: 35px;
            }


            .cta-content h2 {

                font-size: 38px;
            }

        }





        /* ================= FOOTER ================= */

footer {
    background: #080808;
    border-top: 1px solid #292929;
    color: #fff;
}


/* MAIN FOOTER */

.footer-container {
    width: 90%;
    max-width: 1200px;
    margin: auto;

    padding: 80px 0 65px;

    display: grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1.2fr;

    gap: 55px;
}


/* BRAND */

.footer-brand h2 {
    color: #d6a85c;

    font-size: 32px;

    letter-spacing: 4px;

    margin-bottom: 20px;
}


.footer-brand p {
    color: #999;

    line-height: 1.9;

    max-width: 330px;

    margin-bottom: 25px;
}


/* SOCIAL LINKS */

.social-links {
    display: flex;

    gap: 10px;

    flex-wrap: wrap;
}


.social-links a {
    color: #aaa;

    text-decoration: none;

    border: 1px solid #333;

    padding: 9px 14px;

    font-size: 13px;

    transition: .3s;
}


.social-links a:hover {
    color: #111;

    background: #d6a85c;

    border-color: #d6a85c;
}


/* FOOTER HEADINGS */

.footer-column h3 {
    color: #d6a85c;

    font-size: 20px;

    margin-bottom: 25px;
}


/* FOOTER LIST */

.footer-column ul {
    list-style: none;
}


.footer-column ul li {
    margin-bottom: 13px;
}


.footer-column ul li a {
    color: #999;

    text-decoration: none;

    transition: .3s;
}


.footer-column ul li a:hover {
    color: #d6a85c;

    padding-left: 5px;
}


/* HOURS */

.footer-hours p {
    color: #999;

    line-height: 1.7;

    margin-bottom: 16px;
}


.footer-hours span {
    color: #ddd;

    font-size: 14px;
}


/* CONTACT BAR */

.footer-contact {
    width: 90%;
    max-width: 1200px;

    margin: auto;

    padding: 30px 0;

    border-top: 1px solid #292929;
    border-bottom: 1px solid #292929;

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 30px;
}


.contact-item {
    display: flex;

    align-items: center;

    gap: 15px;
}


.contact-icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid #d6a85c;

    border-radius: 50%;

    font-size: 20px;
}


.contact-item strong {
    color: #d6a85c;

    display: block;

    margin-bottom: 4px;
}


.contact-item p {
    color: #888;

    font-size: 14px;
}


* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }


        :root {

            --bg: #111111;
            --dark: #080808;
            --section: #171717;
            --card: #1a1a1a;

            --gold: #d6a85c;
            --gold-hover: #efc77e;

            --white: #ffffff;
            --text: #dddddd;
            --muted: #999999;

            --border: #292929;
        }


        body {

            font-family: Georgia, serif;

            background: var(--bg);

            color: var(--white);

            line-height: 1.6;
        }


        /* ================= HEADER ================= */

        header {

            position: sticky;

            top: 0;

            z-index: 1000;

            height: 80px;

            background: rgba(8, 8, 8, .96);

            border-bottom:
                1px solid var(--border);
        }


        nav {

            width: 90%;

            max-width: 1200px;

            height: 100%;

            margin: auto;

            display: flex;

            align-items: center;

            justify-content: space-between;
        }


        .logo {

            color: var(--gold);

            font-size: 28px;

            font-weight: bold;

            letter-spacing: 2px;
        }


        .nav-links {

            display: flex;

            gap: 30px;

            list-style: none;
        }


        .nav-links a {

            color: var(--white);

            text-decoration: none;

            transition: .3s;
        }


        .nav-links a:hover,
        .active {

            color: var(--gold) !important;
        }


        /* ================= HERO ================= */

        .contact-header {

            min-height: 470px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            padding: 100px 8%;

            background:

                linear-gradient(
                    rgba(0,0,0,.55),
                    rgba(0,0,0,.78)
                ),

                url("https://images.unsplash.com/photo-1552566626-52f8b828add9?auto=format&fit=crop&w=1600&q=80")
                center/cover;
        }


        .contact-header span {

            color: var(--gold);

            letter-spacing: 5px;

            font-size: 14px;
        }


        .contact-header h1 {

            font-size:
                clamp(50px, 8vw, 75px);

            margin: 15px 0;
        }


        .contact-header p {

            max-width: 650px;

            margin: auto;

            color: var(--text);

            font-size: 18px;
        }


        /* ================= CONTACT INTRO ================= */

        .contact-intro {

            max-width: 1150px;

            width: 90%;

            margin: auto;

            padding: 100px 0;

            display: grid;

            grid-template-columns:
                1fr 1.2fr;

            gap: 70px;

            align-items: center;
        }


        .intro-content span {

            color: var(--gold);

            letter-spacing: 4px;

            font-size: 14px;
        }


        .intro-content h2 {

            font-size: 45px;

            line-height: 1.2;

            margin: 18px 0 25px;
        }


        .intro-content p {

            color: var(--muted);

            line-height: 1.9;

            margin-bottom: 18px;
        }


        .intro-image img {

            width: 100%;

            height: 430px;

            object-fit: cover;
        }


        /* ================= CONTACT CARDS ================= */

        .contact-details {

            background: var(--section);

            padding: 100px 8%;
        }


        .details-heading {

            text-align: center;

            margin-bottom: 55px;
        }


        .details-heading span {

            color: var(--gold);

            letter-spacing: 4px;

            font-size: 14px;
        }


        .details-heading h2 {

            font-size: 45px;

            margin-top: 12px;
        }


        .details-grid {

            max-width: 1150px;

            margin: auto;

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 25px;
        }


        .detail-card {

            background: var(--card);

            border: 1px solid var(--border);

            padding: 40px 30px;

            text-align: center;

            transition: .3s;
        }


        .detail-card:hover {

            transform: translateY(-8px);

            border-color: var(--gold);
        }


        .detail-icon {

            width: 65px;

            height: 65px;

            margin: 0 auto 22px;

            display: flex;

            align-items: center;

            justify-content: center;

            border: 1px solid var(--gold);

            border-radius: 50%;

            font-size: 27px;
        }


        .detail-card h3 {

            font-size: 23px;

            margin-bottom: 12px;
        }


        .detail-card p {

            color: var(--muted);

            line-height: 1.8;
        }


        .detail-card strong {

            display: block;

            color: var(--gold);

            margin-top: 12px;
        }


        /* ================= OPENING HOURS ================= */

        .hours-section {

            padding: 100px 8%;

            background: var(--dark);
        }


        .hours-wrapper {

            max-width: 1100px;

            margin: auto;

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 60px;

            align-items: center;
        }


        .hours-content span {

            color: var(--gold);

            letter-spacing: 4px;

            font-size: 14px;
        }


        .hours-content h2 {

            font-size: 45px;

            margin: 15px 0 20px;
        }


        .hours-content p {

            color: var(--muted);

            line-height: 1.8;
        }


        .hours-list {

            margin-top: 30px;

            border-top:
                1px solid var(--border);
        }


        .hours-row {

            display: flex;

            justify-content: space-between;

            gap: 20px;

            padding: 18px 0;

            border-bottom:
                1px solid var(--border);
        }


        .hours-row span:first-child {

            color: var(--white);
        }


        .hours-row span:last-child {

            color: var(--gold);
        }


        /* ================= SERVICES ================= */

        .services {

            padding: 100px 8%;

            background: var(--bg);
        }


        .services-heading {

            text-align: center;

            margin-bottom: 55px;
        }


        .services-heading span {

            color: var(--gold);

            letter-spacing: 4px;
        }


        .services-heading h2 {

            font-size: 45px;

            margin-top: 12px;
        }


        .services-grid {

            max-width: 1100px;

            margin: auto;

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 25px;
        }


        .service {

            padding: 35px;

            background: var(--card);

            border: 1px solid var(--border);

            transition: .3s;
        }


        .service:hover {

            border-color: var(--gold);

            transform: translateY(-6px);
        }


        .service-icon {

            font-size: 35px;

            margin-bottom: 18px;
        }


        .service h3 {

            font-size: 22px;

            margin-bottom: 12px;
        }


        .service p {

            color: var(--muted);

            line-height: 1.8;
        }


        /* ================= LOCATION ================= */

        .location {

            background: var(--section);

            padding: 100px 8%;
        }


        .location-inner {

            max-width: 1100px;

            margin: auto;

            display: grid;

            grid-template-columns:
                1fr 1fr;

            gap: 60px;

            align-items: center;
        }


        .location-box span {

            color: var(--gold);

            letter-spacing: 4px;
        }


        .location-box h2 {

            font-size: 42px;

            margin: 15px 0 20px;
        }


        .location-box p {

            color: var(--muted);

            line-height: 1.9;

            margin-bottom: 15px;
        }


        .address {

            padding: 20px;

            border-left:
                3px solid var(--gold);

            background: var(--card);

            margin-top: 25px;
        }


        .address strong {

            color: var(--gold);
        }


        .map-box {

            min-height: 350px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            background:

                linear-gradient(
                    rgba(0,0,0,.4),
                    rgba(0,0,0,.7)
                ),

                url("https://images.unsplash.com/photo-1523731407965-2430cd12f5e4?auto=format&fit=crop&w=1000&q=80")
                center/cover;

            border: 1px solid var(--border);
        }


        .map-content {

            padding: 30px;
        }


        .map-content div {

            font-size: 45px;

            margin-bottom: 10px;
        }


        .map-content h3 {

            font-size: 25px;

            margin-bottom: 8px;
        }


        .map-content p {

            color: var(--text);
        }


        /* ================= CTA ================= */

        .contact-cta {

            min-height: 430px;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            padding: 80px 8%;

            background:

                linear-gradient(
                    rgba(0,0,0,.65),
                    rgba(0,0,0,.8)
                ),

                url("https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=1600&q=80")
                center/cover;
        }


        .cta-content {

            max-width: 750px;
        }


        .cta-content span {

            color: var(--gold);

            letter-spacing: 4px;
        }


        .cta-content h2 {

            font-size: 50px;

            margin: 18px 0;
        }


        .cta-content p {

            color: var(--text);

            font-size: 18px;

            margin-bottom: 30px;
        }


        .cta-btn {

            display: inline-block;

            padding: 15px 30px;

            background: var(--gold);

            color: var(--dark);

            text-decoration: none;

            font-weight: bold;

            transition: .3s;
        }


        .cta-btn:hover {

            background: var(--gold-hover);

            transform: translateY(-4px);
        }




/* =========================================
   FOOTER TOP
========================================= */

.footer-top {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 80px 0 70px;

    display: grid;

    grid-template-columns:
        1.6fr
        1fr
        1.2fr
        1.2fr;

    gap: 50px;

    align-items: start;
}


/* =========================================
   BRAND
========================================= */

.footer-main {
    width: 100%;
    max-width: 360px;
}


.footer-logo {
    color: #d6a85c;

    font-size: 34px;
    font-weight: bold;

    letter-spacing: 5px;

    margin-bottom: 20px;
}


.footer-description {
    color: #999999;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 28px;
}


/* =========================================
   FOOTER BUTTON
========================================= */

.footer-menu-btn {
    display: inline-block;

    padding: 13px 24px;

    color: #d6a85c;

    border: 1px solid #d6a85c;

    text-decoration: none;

    font-size: 14px;

    transition: all 0.3s ease;
}


.footer-menu-btn:hover {
    background: #d6a85c;

    color: #111111;

    transform: translateY(-2px);
}


/* =========================================
   FOOTER BLOCKS
========================================= */

.footer-block {
    width: 100%;
}


.footer-block h3 {
    color: #d6a85c;

    font-size: 19px;

    margin: 0 0 24px;
}


.footer-block a {
    display: block;

    width: fit-content;

    color: #999999;

    text-decoration: none;

    font-size: 14px;

    margin-bottom: 13px;
    
    padding-left: 60px;

    transition: all 0.3s ease;
}


.footer-block a:hover {
    color: #d6a85c;

    transform: translateX(4px);
}


.footer-block p {
    color: #999999;

    font-size: 14px;

    line-height: 1.6;

    margin: 0 0 12px;
}


/* =========================================
   DINING HOURS
========================================= */

.footer-day {
    margin-bottom: 17px;

    padding-bottom: 14px;

    border-bottom: 1px solid #242424;
}


.footer-day:last-child {
    margin-bottom: 0;
}


.footer-day span {
    display: block;

    color: #777777;

    font-size: 13px;

    margin-bottom: 5px;
}


.footer-day strong {
    display: block;

    color: #dddddd;

    font-size: 14px;

    font-weight: normal;
}


/* =========================================
   HIGHLIGHT AREA
========================================= */

.footer-highlight {
    width: 90%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 35px 0;

    border-top: 1px solid #292929;
    border-bottom: 1px solid #292929;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
}


.footer-highlight span {
    display: block;

    color: #d6a85c;

    font-size: 12px;

    letter-spacing: 4px;

    margin-bottom: 8px;
}


.footer-highlight h2 {
    margin: 0;

    color: #ffffff;

    font-size: 28px;

    font-weight: normal;

    line-height: 1.3;
}


.footer-highlight > a {
    display: inline-block;

    padding: 13px 25px;

    background: #d6a85c;

    color: #111111;

    text-decoration: none;

    font-size: 14px;

    font-weight: bold;

    white-space: nowrap;

    transition: all 0.3s ease;
}


.footer-highlight > a:hover {
    background: #efc77e;

    transform: translateY(-3px);
}


/* =========================================
   FOOTER BOTTOM
========================================= */

.footer-bottom {
    width: 90%;
    max-width: 1200px;

    min-height: 80px;

    margin: 0 auto;

    padding: 20px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;
}


.footer-bottom p {
    margin: 0;

    color: #666666;

    font-size: 13px;
}


/* =========================================
   SOCIAL LINKS
========================================= */

.footer-social {
    display: flex;

    align-items: center;

    gap: 20px;
}


.footer-social a {
    color: #777777;

    text-decoration: none;

    font-size: 13px;

    transition: color 0.3s ease;
}


.footer-social a:hover {
    color: #d6a85c;
}


/* =========================================
   LEGAL LINKS
========================================= */

.footer-legal {
    display: flex;

    align-items: center;

    gap: 18px;
}


.footer-legal a {
    color: #666666;

    text-decoration: none;

    font-size: 12px;

    transition: color 0.3s ease;
}


.footer-legal a:hover {
    color: #d6a85c;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 950px) {

    .footer-top {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 45px;
    }


    .footer-main {
        max-width: 100%;
    }


    .footer-highlight {
        align-items: flex-start;
    }


    .footer-bottom {
        flex-wrap: wrap;

        justify-content: center;

        text-align: center;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .footer-top {
        width: 88%;

        grid-template-columns: 1fr;

        padding: 60px 0;

        gap: 40px;
    }


    .footer-main {
        max-width: 100%;
    }


    .footer-logo {
        font-size: 29px;
    }


    .footer-highlight {
        width: 88%;

        padding: 30px 0;

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;
    }


    .footer-highlight h2 {
        font-size: 23px;
    }


    .footer-highlight > a {
        width: 100%;

        text-align: center;
    }


    .footer-bottom {
        width: 88%;

        flex-direction: column;

        justify-content: center;

        text-align: center;

        padding: 25px 0;

        gap: 15px;
    }


    .footer-social {
        justify-content: center;

        flex-wrap: wrap;

        gap: 15px;
    }


    .footer-legal {
        justify-content: center;

        flex-wrap: wrap;

        gap: 15px;
    }

}