@media (max-width: 480px) {
    .grayText {
        font-size: 12px;
    }

    .nav-footer {
        font-size: 14px;
    }

    .nav-border {
        border: none;
    }

    .email-address {
        font-size: 14px;
    }

    .footer-desc {
        font-size: 16px;
    }

    .btn-arrow {
        width: 40px;
        height: 40px;
    }

    .client-bg .h1-title,
    .resources .h1-title {
        font-size: 30px;
    }

    .resources .greyText {
        font-size: 14px;
    }

    .colorText {
        font-size: 14px;
    }

    #blogCarousel .normalText {
        font-size: 18px;
    }

    .blogCarouselMobile .carousel-control-next,
    .blogCarouselMobile .carousel-control-prev

    /*, .carousel-indicators */
        {
        /* filter: invert(100%) !important; */
    }

}

@media (max-width: 992px) {
    #v-pills-tab {
        width: 100%;
        padding-bottom: 40px;
    }


    .bg {
        position: relative;
        background-image: url("../img/resources/header_img.png");
        background-size: cover;
        width: 100%;
        background-repeat: no-repeat;
        height: 60vh;
    }

    #header .logo {
        display: flex;
        position: absolute;
        margin: 0;
        left: 10px;
        top: 20px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 20%;
    }

    .center-img {
        text-align: center !important;
    }

    #v-pills-tabContent {
        border: 1px solid black;
        border-width: 1px 0 0 0;
        padding-top: 30px;
    }
}

@media (max-width: 992px) and (orientation:landscape) {
    .bg {
        position: relative;
        background-image: url("../img/resources/header_img.png");
        background-size: cover;
        width: 100%;
        background-repeat: no-repeat;
        height: 60vw;
    }
}