#homePageContainer {
    background-color: white;
    /*border-top: solid 2px #f5f5f5;*/
}

#heroCarousel {
    padding: 0;
}

#aboutCardsContainer * > .card {
    border: none;
}

#infoCardsContainer * > .card {
    border: none;
}

#infoCardsContainer * > .primaryTitle {
    color: #ec752f;
    font-family: Arial, serif;
    font-size: 18px;
}

#infoCardsContainer * > .secondaryTitle {
    font-size: 2em;
    background-color: #a1a6a6;
    color: white;
    font-family: "Tahoma", serif;
    font-weight: 100;
}

.card-text > a {
    color: #ec752f;
    font-family: Arial, serif;
    text-decoration: none;
}

/** carousel controls */
.carousel-control-prev,
.carousel-control-next {
    width: 80px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 80px;
    width: 80px;
    /** outline: black; */
    background-size: 100%, 100%;
    /*border-radius: 50%;*/
    /*border: 1px solid black;*/
    background-image: none;
    /*background-color: rgba(255, 255, 255, 1) !important;*/
    /*opacity: 1 !important;*/
    /*transform: none !important;*/
}
.carousel-control-next-icon:after
{
    content: '>';
    font-size: 45px;
    color: #393836;
}
.carousel-control-prev-icon:after {
    content: '<';
    font-size: 45px;
    color: #393836;
}

/*.carousel-control-prev-icon {*/
/*    margin-left: -80px;*/
/*}*/
/*.carousel-control-next-icon {*/
/*    margin-right: -80px;*/
/*}*/

/*.carousel-caption { position:static; }*/


.carousel-item {
    height: 100% !important;
}

.carouselText {
    padding-top: 50px;
    padding-left: 100px;
}

.carousel-inner {
    height: 700px;
}

@media only screen and (max-width: 990px) {
    #heroCarousel {
        display: none !important;
    }
}

/** small */
@media only screen and (min-width: 991px) and (max-width: 1198px) {
    #indicator {
        background-color: lightgreen;
    }
    .carousel-inner {
        height: 335px !important;
    }
    div[data-content-id] p {
        font-size: 14px;
    }
}

/** medium */
@media only screen and (min-width: 1199px) and (max-width: 1398px) {
    #indicator {
        background-color: lightblue;
    }
    .carousel-inner {
        height: 400px !important;
    }
}

/** large */
@media only screen and (min-width: 1399px) {
    #indicator {
        background-color: lightcoral;
    }
    .carousel-inner {
        height: 450px !important;
    }
}