.nav-fxd {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 900 !important;
    background: transparent !important;
    transition: var(--delay) !important;
}

.nav-scrld {
    padding-left: 80px !important;
    padding-right: 80px !important;
    background: var(--primary-color) !important;
    color: var(--secondary-color) !important;
    box-shadow: var(--shadow) !important;
}

.has-modal-open .nav-fxd {
    height: 100vh !important;
}

.has-modal-open .nav-fxd * {
    background: var(--primary-color) !important;
    color: var(--secondary-color) !important; 
}

#modal-1-content {
    margin-right: 10px;
}

.link:hover{
    color: var(--secondary-color) !important;
}

.nav-scrld .link:hover{
    color: var(--primary-text-color) !important;
}

.icon * {
    transition: var(--delay);
}
.icon:hover * {
    fill : var(--primary-color);
}

@media (max-width: 768px) {
    .nav-fxd {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .nav-scrld {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .brnd-nm {
        font-size: 1.75rem !important;
    }
    .brnd-logo {
        width: 50px !important;
        height: 50px !important;
    }
    
}