/* Hero Section for Calendar */
.hero-calendar {
    background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3)),
    url('/images/events/ldi-camp-photo.jpg');
    height: 40vh;
    background-position: center;
    background-size: cover;
    padding: 8px calc((100vw - 1200px) / 2);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.calendar__container {
    text-align: center;
    justify-content: center;
    padding: 25px 0;
}

.calendar__container iframe {
    width: 1200px;
    height: 500px;
}

.calendar__content {
    text-align: center;
    justify-content: center;
    padding-top: 25px;
}

@media screen and (max-width: 768px) {
    .calendar__container iframe {
    width: 350px;
    height: 500px;
    }
}