@media (max-width: 1100px) {

    .main-navigation {
        gap: 18px;
    }

    .main-navigation > .nav-item > a,
    .main-navigation > a {
        font-size: 12px;
    }

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

@media (max-width: 900px) {

    .header-inner {
        min-height: 76px;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .main-navigation {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: #fff;
        border-top: 1px solid var(--gf-border);
        box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
    }

    .main-navigation.is-open {
        display: flex;
    }

    .nav-item > a {
        padding: 16px 30px;
    }

    .dropdown-menu {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: 1px solid var(--gf-border);
        padding: 0;
    }

    .nav-item.dropdown-open .dropdown-menu {
        display: block;
    }

    .dropdown-menu a {
        padding-left: 50px;
    }

    .nav-donate {
        margin: 15px 30px;
        text-align: center;
    }

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

    .footer-bottom {
        flex-direction: column;
    }
}

@media (max-width: 600px) {

    .container,
    .header-inner,
    .footer-main,
    .footer-bottom {
        width: min(calc(100% - 36px), var(--gf-container));
    }

    .site-logo img {
        max-width: 150px;
    }

    .site-logo span {
        font-size: 21px;
    }

    .footer-main {
        grid-template-columns: 1fr;
        padding: 50px 0 40px;
    }
}