/* front page - header */
@media (min-width: 1920px) {
    #header {
        background-size: cover;
        width: 100vi;
    }
}

/* front page - section header */
.header-video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.header-video {
    width: 100%;
    transform: scale(1.2);
}

.navbar-phone,
.navbar-registration,
.header-phone,
.header-registration,
.menu-area .mobile-nav-toggler {
    z-index: 100;
    position: relative;
}

@media (max-width: 992.999999px) {
    .header-video {
        width: 100%;
    }
}

@media (max-width: 575.999999px) {
    .header-video {
        width: 100%;
        max-height: 550px;
    }
}

@media (max-width: 480.999999px) {
    .header-video {
        transform: scale(1);
        max-height: 400px;
    }
}

@media (min-width: 1600px) {
    .header-video {
        width: 100%;
        transform: scale(1.4);
    }
}

/* front page - section team carousel */
@media (max-width: 576px) {
    #aboutus {
        height: auto !important;
    }
}

/* front page - section about us */
@media (min-width: 768px) and (max-width: 991px) {
    #blog-fp {
        background-position: inherit !important;
    }
}

@media (max-width: 767px) {
    #blog-fp {
        background-position: inherit !important;
    }
}

.bg-fp-teeth {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
}

.bg-fp-teeth-img {
    position: absolute;
    transform: translateX(-100px) translateY(50px);
    opacity: 0.35;
    width: auto;
    height: 500px;
}

@media (max-width: 767.99999999px) {
    .bg-fp-teeth-img {
        height: 300px;
    }
}

.oa-menu-nav {
    column-gap: 20px;
}

.oa-menu-nav .oa-menu {
    flex: 1 1 !important;
}

.oa-menu-nav .oa-menu-nav-links {
    padding-left: 0 !important;
}

.oa-menu-nav .oa-menu-nav-links .navbar-phone {
    margin-left: 0 !important;
}

.text div.mep_event_list a {
    color: #004165;
}