/* customize the opacity of overlay for carousel */
.my-carousel .MMM--carouselListItem_hero-inner .MMM--heroStaticFigure-gradient{
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 46%, rgba(0,0,0,0.2) 99%);
}

/* make the text which is wrapped by strong tag bold */
    .my-accordion strong{
            font-weight:bold;
        }
/* smaller the banner heading to avoid being too big on small screen device */
@media only screen and (max-width:1024px){
        .my-carousel .MMM--heroCarouselTitle{
            font-size:2em !important;
        }
    }
/* Making a custom button is in order to make URL go to coporate site. */
@media only screen and (min-width:1px){
    .my-carousel .MMM--carouselListItem_hero-inner .MMM--heroCarouselButtonContainer .my-btn{
        font-size:20px !important;
    }
}
@media only screen and (min-width:768px){
    .my-carousel .MMM--carouselListItem_hero-inner .MMM--heroCarouselButtonContainer .my-btn{
        font-size:17.5px !important;
    }
}