.menu{
   margin-top: 5em;
}




.title{
    width: 100%;
    display: flex;
    margin-top: 2em;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 2em;
    text-shadow: 2px 2px #797aac;                         
}

.menu .content{
    display: flex;
    justify-content: center;
   
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin-top: 40px;

}


.menu .content .box{
    width: 340px;
    margin: 20px;
    border:  15px solid #fff;
    box-shadow: 0 5px 35px rgba(0, 0,0, 0.08)


}
.box .imgbx img{
   width:25em;
   height: 20em;


}

.menu .content .box .imgbx{
    width: 100% ;
    height: 300px;
    overflow-y: hidden;
}

.menu .content .box .imgbx img{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
    

}



h3{
    text-align: center;
    padding: 15px 0 5px;
}