@media (min-width: 800px) {



    .hamburger {
        display: none;
    }

    .nav-menu {
        display: block !important;
       
        width: auto;
        margin-left: auto;
    }

    .nav-menu ul {
        display: flex;
        gap: .5rem;
        align-items: center;
        padding: 0;
    }

    .nav-menu li {
        margin: 0;
    }

    .nav-menu a {
        padding: .55rem .8rem;
    }

    .nav-menu a.active,
    .nav-menu a[aria-current="page"] {
        border-left: none;
        border-bottom: 3px solid var(--secondary);
    }
    .header-inner {
        flex-wrap: nowrap;
    }

    .logo {
        width: 60px;
        height: auto;
    }


    .members.grid {
        grid-template-columns: repeat(3, 1fr);
    }

   
    .members.list .member-card {
        grid-template-columns: 1.2fr 2fr 1fr 2fr;
       
        align-items: center;
        column-gap: 1rem;
    }

    .members.list .member-name,
    .members.list .member-address,
    .members.list .member-phone,
    .members.list .member-link {
        margin: 0;
       
    }

    .home-panels {
        grid-template-columns: 2fr 1fr 1fr;
        align-items: start;
    }

    .spotlight-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .members.list .member-link {
        justify-self: start;
    }

    .footer-inner {
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
    }

    .social-links {
        justify-content: center;
    }

    .dev-info {
        text-align: right;
    }

    .join-layout {
        grid-template-columns: 1.4fr .9fr;
        align-items: start;
    }

        .discover-grid {
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "a a"
                "b c"
                "d d"
                "e f"
                "g h";
        }
    
        .discover-card img {
            transition: transform 220ms ease, filter 220ms ease, box-shadow 220ms ease;
        }
    
        .discover-card figure:hover img {
            transform: scale(1.03);
            filter: contrast(1.05) saturate(1.05);
            box-shadow: 0 12px 26px rgba(0, 0, 0, .18);
        }

        
}

@media (min-width: 1025px) {
    .discover-grid {
        grid-template-columns: 1.2fr 1fr 1fr;
        grid-template-areas:
            "a b c"
            "a d d"
            "e f g"
            "h h g";
    }

}