.full-height-nav {
    width: 100%;
}
/* .full-height-nav.collapse{
    display: block;
} */

nav.navbar .navbar-nav .nav-item {
    display: inline-flex;
}
.navbar-no-expand .full-height-nav {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    position: fixed;
    left: 0;
    top: -100%;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .navbar-no-expand .full-height-nav {
        top: -150%
    }
}
.navbar-no-expand .full-height-nav .menu-wrapper {
    height: 100vh;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .navbar-expand-sm .full-height-nav {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        position: fixed;
        left: 0;
        top: -100%;
    }
    .navbar-expand-sm .full-height-nav .menu-wrapper {
        height: 100vh;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .navbar-expand-md .full-height-nav {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        position: fixed;
        left: 0;
        top: -100%;
    }
    .navbar-expand-md .full-height-nav .menu-wrapper {
        height: 100vh;
    }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-expand-lg .full-height-nav {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        position: fixed;
        left: 0;
        top: -100%;
    }
    .navbar-expand-lg .full-height-nav .menu-wrapper {
        height: 100vh;
    }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .navbar-expand-xl .full-height-nav {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        position: fixed;
        left: 0;
        top: -100%;
    }
    .navbar-expand-xl .full-height-nav .menu-wrapper {
        height: 100vh;
    }
}
.full-height-nav {
    top: -100%;
    transition: top 0.5s ease;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -ms-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
}
.full-height-nav.show {
    top: 0;
}

/* Logo/Brand */
nav.navbar .navbar-brand img {
    height: 2rem;
}