@media screen and (max-width : 800px) {
    #categories {
        min-height : calc(100vh - 420px);
    }

    footer {
        height : 200px;
    }
}

@media screen and (max-width : 600px) {
    #categories {
        min-height : calc(100vh - 460px);
    }

    .dish-info > div:nth-child(1) {
        width : calc(100% - 90px);
    }

    .dish-info > div:nth-child(2) {
        display : none;
    }

    .dish-info .dish-title + div {
        display : block !important;
    }

    .dish-info > div:nth-child(3) {
        width : 90px;
    }

    #footer-contacts {
        margin-bottom : 1rem;
        text-align    : center !important;
    }
}

@media screen and (max-width : 450px) {
    #user-panel {
        font-size : 0.85rem;
    }

    #categories {
        min-height : calc(100vh - 520px);
    }

    #do-info {
        font-size : 0.9rem;
    }

    footer {
        height : 300px;
    }

    footer > div:first-child {
        flex-wrap       : wrap;
        justify-content : center;
        row-gap         : 1rem;
    }
}