.container-pizza {
    max-width: 980px;
    margin: auto;
}


.restaurant-menu {
    margin-top: 50px;
    padding: 15px;
    padding-top: 30px;
    /* text-align: center; */
    margin-bottom: 80px;
}


h3.restaurant-menu__title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 120%;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid black;
}

.restaurant-menu__items {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.restaurant-menu__item-media {
    margin-right: 25px;
}

.restaurant-menu__item-media img {
    max-width: none !important;
}


.restaurant-menu__item-info {
    flex: auto;
}

h4.restaurant-menu__item-title {
    position: relative;
    margin: 0;
    font-size: 22px;
}

span.restaurant-menu__item-name {
    background: #fff;
    z-index: 1;
    position: relative;
}

span.restaurant-menu__item-dots {
    height: 3px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 5px;
    background-image: radial-gradient(circle closest-side,#ccc 80%,#fff 10%);
    background-position: bottom;
    background-position-x: center;
    background-position-y: bottom;
    background-size: 4px 2px;
    background-repeat: repeat-x;
}

span.restaurant-menu__item-price {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
}

p.resaurant-menu__description {
    font-size: 18px;
}

.restaurant-menu__header {
    text-align: center;
    margin-bottom: 80px;
    margin-bottom: between(30, 80, 575, 768);
    /* margin-bottom: 30px; */
}




.restaurant-menu__item {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 680px) {
    
    .restaurant-menu__header_middle{
        margin-top: 80px;
    }
    .restaurant-menu__item {
        flex-direction: column;
    }
    .restaurant-menu__item-media {
        text-align: center;
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    
    span.restaurant-menu__item-price {
        position: relative;
        display: block;
        text-align: center;
    }
    
    h4.restaurant-menu__item-title {
        text-align: center;
    }
    
    p.resaurant-menu__description {
        text-align: center;
    }
}