#carouselHeroSlider .carousel-item {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
#carouselHeroSlider .carousel-item.text-dark h1,
#carouselHeroSlider .carousel-item.text-dark p,
#carouselHeroSlider .carousel-item.text-dark a,
#carouselHeroSlider .carousel-item.text-dark a.btn-outline-light
{
    color: #222 !important;
    border-color: #222 !important;
}

/****************************************
*** MEDIA QUERIES - MINIMUMS ***
*****************************************/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/****************************************
*** MEDIA QUERIES - MAXIMUMS ***
*****************************************/
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    #carouselHeroSlider .carousel-item h1,
    #carouselHeroSlider .carousel-item p
    {
        color: #222;
        border-color: #222;
    }
    #carouselHeroSlider .carousel-control-prev,
    #carouselHeroSlider .carousel-control-next
    {
        width: 6%;
        filter: invert(100%);
        opacity: .85;
    }
}