.calendar {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.calendar.desktop iframe {
    padding: 2rem;
    width: 90%;
    height: 85%;
}

.calendar.mobile iframe {
    width: 100%;
    height: 100%;
}

@media all and (min-width: 850px) {
    .desktop {display:flex;}
    .mobile {display:none;}
}

@media all and (max-width: 849px) {
    .desktop {display:none;}
    .mobile {display:flex;}
}