@media(max-width: 768px) {
    
    .navbar-container {
        border-bottom: none;
    }
    .navbar-collapse {
        text-align: center;
    }
    .navbar-collapse .nav-item .nav-link {
        color: white;
    }
    .navbar {
        padding: 1rem 0;
    }
    div.navbar-container > div > nav > button span {
        font-size: 3.4rem;
    }
    .header {
        height: auto;
        overflow: show;
    }
    #home-carousel {
        height: 18rem;
    }
    #home-carousel .stripe {
        top:55%;
    }
    #home-carousel .stripe h2 {
        font-size: 2.8rem;
        padding: .8rem 1.7rem;
    }
    .header .box h2 {
        font-size: 26px;
    }
    .header img.background {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 1;
    }
    .page-content .standard-page-image {
        height: auto;
    }
    .page-content .standard-page-image img {
        position: relative;
    }
    
    .content-wrapper {
        display: block;
    }
    .sidebar {
        display: block;
        overflow: hidden;
        max-width:100%;
        height: 0;
        transition: all 0.3s ease-in-out;
    }
    .sidebar.active {
        height: auto;
     }
    
}