/* SM - ≥ 576px */
@media (min-width: 576px) {

}
  
/* MD - ≥ 768px */
@media (min-width: 768px) {
    #nav {
        padding-top: 44px;
        padding-bottom: 64px
    }
}
  
/* LG - ≥ 992px */
@media (min-width: 992px) {
    #nav a {
        height: 24px;
        padding: 0 0px;
        text-decoration: none;
        color: inherit
    }

    #nav {
        height: fit-content;
        flex-direction: row;
        gap: 32px;
        padding-top: 0px;
        padding-bottom: 0px;
        align-items: center;
    }

    #nav-main #mobile-button {
        display: none;
    }

    #nav-main #desktop {
        width: fit-content;
        height: 64px;
        margin-right: 24px;
        display: flex
    }
}
  
/* XL - ≥ 1200px */
@media (min-width: 1200px) {
    
}
  
/* XXL - ≥ 1400px */
@media (min-width: 1400px) {

}