/* Styles for screens wider than 768px (e.g., tablets and desktops) */
@media (max-width: 768px) {
    .logo {
        text-decoration: none;
        margin-left: 50px;
    }

    .header-navbar {
        display: none;
    }

    .header-ul {
        display: block;
    }

    .mobile-menu {
        display: flex;
        background: white;
        z-index: 999;
        position: fixed;
        width: 100%;
        height: 50px;
        margin-top: 35px;
        justify-content: space-evenly;
    }

    .top-header-p {
        padding: 0px;
        margin: 12px 10px;
        font-size: 11px;
    }

    .zx-gray {
        background-color: #f0f0f0;
        position: fixed;
        width: 100%;
        z-index: 999;
    }

    .font-serif-xl {
        padding-top: 119px;
        font-size: 32px;
        text-align: initial;
        line-height: 1.3;
    }

    .font-serif-xl-p {
        text-align: left;
    }

    .font-serif-xl-p {
        padding-bottom: 100px;
    }

    .usa-logo__text { 
        line-height: 1.5;
    }

}