@import url("../renaissance.css");

@media only screen and (max-width: 820px) {
    .calendar-day h2 {
        font-size: 1.5rem;
    }

    .calendar-day {
        padding: 0;
        margin: 1rem 0.5rem;
    }

    .day-event {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 300px) {
    .calendar-day h2 {
        font-size: 1.1rem;
    }
}