@media (max-width: 768px) {
    main {
        margin: auto 1em;
    }
    h3 {
        font-size: 2.5em;
    }
    header hgroup h1 {
        font-size: 2em;
    }
    header hgroup h2, section article p, section p, .form-group, li {
        font-size: .85em;
    }
    section, section article {
        margin-top: 1.5em;
    }
    section h4 {
        font-size: 1em !important;
    }
    .partners-grid {
        align-content: flex-start;
    }
    .partners-grid img {
        max-width: 150px;
        width: auto;
    }
    footer {
        margin-top: 2.5em;
        padding: 2.5em 2em 0 2em;
    }
    footer .entrance {
        flex-direction: column;
        margin-bottom: 1em;
        gap: .5em;
    }
    footer .entrance .left, footer .entrance .center, footer .entrance .right {
        flex-direction: row;
        font-size: 1.5em;
    }
    footer .content {
        flex-direction: column;
    }
    footer .content .left {
        width: 100%;
    }
    footer .content .center img {
        max-width: 150px;
    }
    footer .bottom {
        font-size: .625em;
    }
    p {
        margin-bottom: .5em;
    }
    #map {
        width: 100%;
        aspect-ratio: 1;
    }
    nav {
        display: block;
        text-align: right;
        height: 2.5em;
        padding: .5em 1em;
    }
    nav.scrolled {
        height: 2.5em;
    }
    nav .nav-logo {
        display: none;
    }
    footer .content .left p {
        text-indent: 0;
    }
}

@media (max-width: 1100px) {
    nav .nav-logo {
        display: none;
    }
}