@charset "UTF-8";

.container{
    width: 90%;
    margin: 0 auto;
}

.top{
    width: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
}

.top1{
    width: 20%;
    padding: 3%;
}

.top1 img{
    width: 100%;
}

.top ul{
    width: 80%;
    list-style: none;
    display: flex;
    justify-content: space-evenly;

}

.header{
    width: 100%;
    display: flex;
    margin: 0 auto;
}
.header1{
    width: 60%;
}
.header1 img{
    width: 100%;
}
.header2{
    width: 40%;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
}

.menu{
    width: 100%;
    display: flex;
}

.menu1{
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
    font-size: 25px;
}
.menu1 img{
    width: 30%;
}


.menu2{
    width: 60%;
    padding-top: 5%;
}

.menu2 img{
    width: 100%;
}

.catering{
    width: 100%;
    display: flex;
}

.cateringimg{
    width: 60%;
    padding-top: 5%;
}
.cateringimg img{
    width: 100%;
}

.catering1{
    width: 40%;
    padding-top: 5%;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
}

.popular{
    width: 100%;
}
.popular h1{
    text-align: center;
    padding-top: 5%;
}

.image2{
      padding-left: 3%;
}

.map{
    width: 100%;
    display: flex;
}

.shop{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
}

.shop img{
 width: 30%;
}

.map iframe{
    width: 50%;
}

.footer{
    width: 100%;
   text-align: center;
   margin: 0 auto;
   padding-top: 10%;
}
.footer img{
    width: 30%;
    height: auto;
}