.menu-container{
    display: flex;
    flex-direction: row;
    background-color: #F4E9AE;
    border: 5px solid green;
    padding: 15px;
}
.drinks{
    display: none;
}
.eating-container{
    display: flex;
    flex-direction: row;
    /*background-color: #F4E9AE;*/
    border: 5px solid green;
    padding: 15px;
}
.header-img-parent{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}
.transform-pattern{
    transform: rotate(180deg);
}
.hr-col{
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: -15px;
}
.pattern-hr-one{
    width:70%;
    background-color: green;
    height: 1px;
}
.pattern-hr-two{
    width: 100%;
    background-color: green;
    height: 1px;
}
.pattern-hr-tree{
    width: 100%;
    background-color: green;
    height: 1px;
}
.pattern-hr-four{
    width: 100%;
    background-color: green;
    height: 1px;
}
.pattern-hr-five{
    width: 60%;
    background-color: green;
    height: 1px;
}
.left-style{
    transform: rotate(180deg);
}
.menu-logo{
    height: 30vh;
}
.flex-parent{
    display: flex !important;
    align-items: flex-start;
    justify-content: space-around;
    width: 100% !important;
}
.column-child{
    display: flex;
    flex-direction: column;
    grid-gap: 85px !important;
    width: 40vw !important;
}
.column-one-one{
    width: 40% !important;
}
.column-two-two{
    display: flex;
    width: 65% !important;
}
.drinks-flex{
    display: flex;
    flex-direction: column;
    grid-gap: 25px !important;
}
.drinks-flex{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: auto !important;
}
.cognac-beer{
    display: flex;
    flex-direction: column;
}
.refreshing-column-two{
    display: flex;
    align-items: flex-start;
}
.refreshing-column-one{
    display: flex;
    flex-direction: column;
    grid-gap: 36px !important;
}
span > p{
    font-size: 1vw !important;
    color: #5A7348;
}
span > h6{
    font-size: 1.2vw !important;
    color: green;
}
.menu-header-title{
    font-size: 3vw !important;
    color: #5A7348;
}
.menu-title{
    position: relative;
    top: 25px;
    color: green;
    font-weight: bold;
    /* font-size: 2vw !important; */
}
.title-and-text{
    position: relative !important;
    top: 15px !important;
}
.aperitif{
    margin-right: 25px;
}
@media (max-width:993px){
    .hr-col-one{
        position: relative !important;
    }
    .hr-col-two{
        position: relative !important;
    }
}
@media (max-width:992px){
    .hr-col-one{
        position: relative !important;
        top: 10px !important;
    }
    .hr-col-two{
        position: relative !important;
        top: 5px !important;
    }
}
@media (max-width:769px){
    .hr-col-one , .hr-col{
        position: relative !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .title-and-text{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
}
@media (max-width:950px){
    .hr-col-one{
        position: relative !important;
        top: -18px !important;
    }
}
@media (max-width:931px){
    .hr-col-one{
        position: relative !important;
        top: 9px !important;
    }
}
@media (max-width:819px){
    .hr-col-two{
        position: relative !important;
        top: 6px !important;
    }
}
@media (max-width:768px){
    .flex-parent{
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .column-one-one{
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .coffee-tea{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: center !important;
        text-align: center !important;
        align-items: center;
    }
    span > h6{
        font-size: 2vw !important;
    }
    span > p{
        font-size: 1.5vw !important;
    }
    .pastry{
        margin-top: -65px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .pastry > span{
        display: flex;
        align-items: center;
    }
    .pastry > span > p{
        margin-top: 5px;
        margin-left: 5px !important;
    }

    .ice-cream{
        margin-top: -65px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .ice-cream > span{
        display: flex;
        align-items: center;
    }
    .ice-cream > span > p{
        margin-top: 5px;
        margin-left: 5px !important;
    }

    .whiskey{
        margin-top: -65px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .whiskey > span{
        display: flex;
        align-items: center;
    }
    .whiskey > span > p{
        margin-top: 5px;
        margin-left: 5px !important;
    }
    .refreshing-column-one{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .drinks-flex{
        display: flex !important;
        flex-direction: column;
    }
    .menu-title{
        font-size: 12px !important;
    }
    .column-two-bottom-container{
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: -75px !important;
    }
    .refreshing-column-two{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-left: 15px !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100%;
    }
    .aperitif{
        margin-left: 25px;
    }
    .aperitif , .liqueur{
        width: 100%;
        height: auto !important;
    }
    .cognac-beer{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .refreshing-column-tree{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .menu-container{
        position: relative !important;
        left: -2vw !important;
        margin-left: 5vw !important;
    }
}
@media (max-width:657px){
    .hr-col-one{
        position: relative !important;
    }
    .hr-col-two{
        position: relative !important;
        top: -15px !important;
    }
}
@media (max-width:578px){
    .hr-col-two{
        position: relative !important;
        top: 8px !important;
    }
}
@media (max-width:430px){
    .hr-col-two{
        position: relative !important;
        top: -15px !important;
    }
}
@media (max-width:317px){
    .hr-col-one{
        position: relative !important;
        top: -14px !important;
    }
}
.flex-parent-eatings{
    display: flex;
    flex-direction: column;
}
.flex-parent-eating-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    text-align: center;
}
.col-top-one , .col-top-two , .col-top-tree{
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.col-top-two , .col-top-tree{
    margin-top: 5px;
}
.hr-col-eating{
    display: flex;
    width: 100% !important;
    align-items: center;
}
.hr-col-one-eating{
    width: 100% !important;
}
.pattern-hr-one-eating{
    width:100%;
    background-color: green;
    height: 1px;
}
.col-one-title{
    width: 100%;
}
.col-one-title{
    color: green;
    font-size: 35px;
}
.col-top-tree-first-col{
    display: flex;
    grid-gap: 86px;
    width: 60%;
}
.col-tree-footer{
    display: flex;
}
.first-hr{
    margin-top: -15px !important;
}
.footer-col-one{
    display: flex;
    flex-direction: column;
}
.footer-items-one{
    display: flex;
    width: 100%;
    grid-gap: 85px;
}
@media (max-width:992px){
    .footer-col-parent{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .footer-col-one > div{
        width: 100%;
    }
    .footer-col-one{
        width: 100%;
    }
    .col-tree-footer{
        margin-top: 25px;
    }
    .footer-foot-cols{
        width: 100%;
    }
    .footer-foot-cols-child{
        display: flex;
        flex-direction: column;
        width: 100% !important;
        text-align: center;
    }
}
@media (max-width:975px){
    .eating-container-parent{
        position: relative !important;
        left: -4.5vw !important;
    }
}
@media (max-width:425px){
    .col-one-title{
        font-size: 25px;
    }
    .first-first , .col-top-two , .footer-items-one{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .footer-items-one > .col-two{
        position: relative;
        top: -75px;
    }
    .col-tree-footer{
        position: relative !important;
        top: -75px !important;
    }
    .col-one-title{
        font-size: 12px;
    }
    span > h6{
        font-size: 15px !important;
    }
    span > p{
        font-size: 12px !important;
    }
}
@media (max-width:992px){
    .col-one-title{
        font-size: 22px;
    }
}
@media (max-width:950px){
    .hr-col-one{
        position: relative !important;
        top: 9.5px !important;
    }
}
/* .eating-container{ */
/* display: none !important; */
/* } */
@media (max-width:630px){
    span > p{
        font-size: 15px !important;
    }
}
.to-left-img{
    margin-left: -20px !important;
}