@media (max-width: 1285px) and (min-width: 768px) {
    nav#main-nav > div {
        padding: var(--space-025x);
    }
}

@media (max-width: 1185px) and (min-width: 768px) {
    nav#main-nav > div {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    nav#main-nav > div > div {
        margin: auto;
    }

    #main-menu * {
        font-size: var(--text);
    }
    
    #main-menu ul {
        justify-content: center;
    }
}