.card-title {
    white-space: nowrap;
}
@media (max-width: 540px) {
    .card-title {
        font-size: 1.3rem;
   }
}
.banner-box {
    z-index: 2;
}
.banner-box.left-aligned {
    left: 0%;
}
.banner-box.right-aligned {
    right: 0%;
}
.banner-box.center-aligned {
    left: 37.5%;
}
.banner-box .banner-box-btn:hover {
    opacity: 0.9;
}
@media (max-width: 984px) {
    .banner-box.center-aligned {
        left: 25% !important;
   }
}
.mainpage-box {
    transition: transform 0.2s;
}
.mainpage-box:hover {
    transform: scale(1.05);
    box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.3);
}