/* START CALENDAR */


.calendar-section h2{
    margin-bottom: 30px;
}

.calendar-content {
    background-color: var(--background-body);
    border-radius: 10px;
}

.calendar-desktop {
    aspect-ratio: 4 / 3;
    width: 100%;
}

.calendar-mobile {
    display: none;
    margin: auto;
    width: 100%;
    height: 60vh;
} @media screen and (max-width: 760px) {
    .calendar-mobile {
        display: block;
    }

    .calendar-desktop {
        display: none;
    }
}