@media screen and (max-width: 650px) {

    main {
        min-height: var(--min-height-mobile);
    }

    #main-nav {
        display: block;
        position: absolute;
        width: var(--mobile-width);
        height: calc(var(--height-margins) - calc(47px - var(--small-margin)));
        top: 46px;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;

        padding-bottom: var(--main-bottom-mobile);
    }

    .main-menu {
        display: block;
        text-align: center;
    }

    .main-menu li {
        line-height: 120%;
        margin: 0.15em 0;
    }

    footer {
        display: none;
    }
}