h1 {
    text-align: center;
    border-bottom: solid;
    padding-bottom: 1%;
}
.topmenu {
    display: grid;
    list-style-type: none;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-template-rows: auto 1fr;
    gap: 1%;
    margin: 0;
    padding-bottom: 2%;
}
.mainbody {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "main iframe aside";
    gap: 1%;
    margin: 0;
    padding: 2%;
}
main {
    grid-area: main;
    padding: 3%;
}
aside {
    grid-area: aside;
    padding: 3%
}
.sched {
    text-align: center;
    font-size: 150%;
}
h4 {
    text-align: center;
    border-bottom: solid;
    padding-top: 2%;
    padding-bottom: 1%;
}
.bottommenu {
    display: grid;
    list-style-type: none;
    grid-template-columns: 3fr 3fr 3fr;
    grid-template-rows: auto 1fr;
    gap: 25%;
    margin: 0;
    text-align: center;
    padding-right: 2%;
}
@media (max-width:599px) {
    .mainbody {
        display: flex;
        flex-direction: column;
    }
    main, iframe, aside {
        width: 100%;
        padding: 10px;
    }
    main {
        order: 1;
    }
    iframe {
        order: 2;
    }
    aside {
        order: 3;
    }
}