/* October image placement; retain the existing calendar typography and controls. */

.prayer-calendar-content h1,
.prayer-calendar-content h4 {
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .65);
}

@media only screen and (min-width: 961px) {
    #hero-slides .prayer-calendar-slide { background: #d2c5bb; }
    #hero-slides .prayer-calendar-slide img.slide-large {
        width: 100%;
        height: 100%;
        float: left;
        object-fit: cover;
        object-position: center center;
    }
}
@media only screen and (max-width: 480px) {
    #hero-slides .prayer-calendar-slide img.slide-small {
        height: auto;
        object-fit: contain;
    }
}