/* Logo Styling */

.nav-fix {
    top: 0;
    position: fixed;
    z-index: 5000;
    height: 12vh;
}

/* Constants */
.logo-wrapper {
    height: clamp(8vh, 12vh, 15vh);
}

.logo-color {
    background-color: var(--turquoise-light);
}

.logo-white {
    box-sizing: border-box;
    border: var(--outline-turquoise);
    background-color: white;
}

.logo-text-main {
    color: white;
}

.logo-text-side {
    color: var(--turquoise);
}

/* Variants */
.logo-text {
    font-size: clamp(1em, 2em, 3em) !important;
}

@media screen and (max-width: 576px) {
    .logo-text-main, 
    .logo-text-side {
        font-size: 1em !important;
    }
}

/* Menu */
/* Sidebar */
.sidebar-icon {
    border-radius: 10%;
    border: 1px solid black !important;
}

.title-video {
    width: 100%;
    opacity: 90%;
}

.fixed-top {
    overflow:visible;
}