#menu-page section#intro {
    padding-bottom: 0;
}

#intro::before {
    top: 0;
    height: 70%;
    width: calc(10rem + (50vw - 400px));
}

#menu h3 {
    margin-bottom: 2rem;
}

#menu ul {
    border: 1px solid var(--c-sub);
    padding-inline: min(3vw, 2rem);
}

#menu li {
    border-bottom: 1px solid var(--c-sub);
    padding-block: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#menu li:last-child {
    border-bottom: none;
}

#menu h4 {
    padding-left: min(3vw, 2rem);
}

#menu .name {
    flex: 1;
}

#menu .price {
    width: 4.5em;
    text-align: end;
}

#menu .pd-top {
    margin-top: 12rem;
}

#menu .pd-top-sm {
    margin-top: 4rem;
}

#menu p {
    font-size: 1.3rem;
    padding-left: min(3vw, 2rem);
}

@media screen and (max-width:992px) {
    #menu .pd-top {
        margin-top: 8rem;
    }

    #menu .pd-top-sm {
        margin-top: 2rem;
    }

}

@media screen and (max-width:941px) {
    #intro.before::before {
        width: calc(5vw + 10rem);
    }
}