@media screen and (min-width: 768px) and (max-width: 991px) {
    #home-flex-gallery > a {
        width: calc(100% / 3);
    }

    .home-parallax-content-section {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #header-top-bar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    [id^="gallery-gallery-"] > a {
        width: 25%;
    }

    .home-carousel-caption h3 {
        font-size: 90px;
        line-height: 95px;
        font-weight: bold;
        text-align: right;
        margin: 0 0;
        color: #ffffff;
    }

    .home-carousel-caption p {
        font-size: 44px;
        line-height: 30px;
        font-weight: bold;
        text-align: right;
        color: #ffffff;
    }

    #testimonial-flex-div {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    #testimonial-flex-div > div {
        width: calc(50% - 20px);
    }

    #footer-logo-img {
        max-width: 70%;
        float: right;
        margin-top: 30px;
    }

    #primary-nav {
        height: 130px;
    }

    #primary-nav .container {
        width: 100%;
    }

    .navbar > .container a.navbar-brand {
        background: url('/images/page-elements/logo-stacked-white.png') center center no-repeat;
        background-size: contain;
        margin-left: 0;
        padding: 0 0;
        position: absolute;
        top: 15px;
        width: 80px;
        height: 100px;
    }
}