*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body{
    background-color: rgb(64, 143, 212);
    font-size: 1em;
}

.nav-logo img{
    height: 150px;
    width:200px;
    border: 2px solid red;
    border-radius: 50%;
    margin:3px;
    padding:5px;
}
.nav-menu a{
    color:white;
    text-decoration:none;
    font-size:1.5em;
    padding:10px;
    margin:7px;
    font-weight:bold;
    border-radius:10px;
 
}
a:hover{
    background-color: gray;
    color:blue;
}

.nav-menu{
    display:flex;
    flex-direction: column;
    text-transform: uppercase;
}
[class*="col-"]{
    float: left;
    padding:10px;
}
[class*="col-"]{
    width:100%;
}
.navbar{
    background-color:rgb(184, 128, 55);
    padding: 1% 7%;
    text-align: center;
    border:2px solid black;
    border-radius: 6px;
   
}
.navbar::after{
    content: '';
    display:table;
    clear:both;
}
.intro{
    width:100%;
   
    background-image: url("image/Res_food-2.png");
    background-position: center;
    background-size:cover;
   background-attachment: scroll;
    background-repeat: no-repeat;
    border:3px solid red;
    border-radius: 10px;
 
}
.intro-con{
    padding: 50px 10px;
    text-align: center;

}
.intro-con h1{
    font-size: 3.2em;
    color:rgb(35, 181, 203);
    background-color: rgba(23,56,45,0.7);
  width:500px;
  margin:15px auto;
 padding:10px;
 font-family: cursive;
}
.intro-con p{
    width:300px;
    padding:10px;
    margin: 15px auto;
    font-size: 2em;
    color:rgb(241, 11, 11);
    font-style: italic;
    background-color: rgb(232, 235, 175);
    text-align: center;
    opacity: .6;
    font-weight: bolder;
}
.btn{
    width:200px;
    height:50px;
    border:2px solid yellow;
    border-radius: 10px;
    background-color: brown;
color:chartreuse;
font-size: 1.7em;
transition: .4s;
}
.btn:hover{
    transform: scale(1.5);
}

.about-us{
    background-color:darkgray ;
    border: 2px solid yellow;
    border-radius:8px;
    width:100%;
    height: auto;
    text-align: center;
}
.about-us h2{
    font-size: 2.3em;
    font-family: 'Arial Narrow Bold', sans-serif;
font-weight: bolder;
font-style: italic;
background-color: rgb(28, 198, 198);
width:200px;
margin:10px auto;
color:brown;
}
.about-us p{
    font-size: 1.4em;
    padding:25px;
    color:rgb(56, 3, 3);
    text-align:justify ;

}
.cui::first-letter{
    color:rgb(227, 235, 16);
    font-weight: bolder;
}
.menu{
    background-color: rgb(232, 219, 77);
    text-align: center;
    border: 3px solid green;
    border-radius: 5px;
}
.menu h2{
    font-size: 2.5em;
    color: red;
    background-color: rgb(234, 191, 125);
    width:250px;
    margin: auto;
    padding:5px;

}
 .menu .card{
    background-color: cadetblue;
    padding: 10px;
    margin:3px;
    border:4px solid blue;
    height:450px;
    border-radius: 5px;
    transition: .3s;
}
.card-icon img{
    height:200px;
    width:100%;
    border:5px solid yellow;
    border-radius: 8px;
    display: block;
}

.menu .card-title h4{
    font-size: 1.8em;
    color:brown;
    background-color: darkgray;
    padding:5px;
    border:2px solid black;
    border-radius: 8px;

}
.menu .card-description{
    
    font-size: 1.5em;
    padding:10px;
    color:rgb(203, 199, 190);
    background-color:rgb(65, 6, 6);
    border-radius: 4px;

}
.menu .card-description ul{
    list-style: none;
}
.card:hover{
    box-shadow: 0 4px 8px 5px black;
    transform: scale(1.1);
}
.menu::after{
    content: '';
    display: table;
    clear:both;
}

.contact{
    background-color: chocolate;
    border:3px solid orange;
    border-radius: 5px;
    padding:10px;
}
.address{
    text-align: center;
    font-size: 1.5em;
    padding:20px;
    margin:1px auto;
}
.map{
    width:100%;
    HEIGHT:300px;
}
.address h3{
    font-size: 1.9em;
    color:aquamarine;
    text-decoration: underline;
}
.add h5{
    font-size: 1.5em;
    padding: 5px;
    font-style: italic;
    font-weight: bolder;
    color:gold;

}
.add{
    font-size:1.1em;
    color:aliceblue;
}
.row::after{
    content: '';
    display: table;
    clear:both;
}
.end{
    background-color: blue;
    border: 3px solid red;
    display:flex;
    padding:20px;
    flex-direction: row;
    height:auto;
}
.span{
    color:red;
    font-size: 1.2em;
}

.end p{
    color:aquamarine;
    font-size: 1.8em;
    padding:15px;
}
.div1{
    padding:15px;
}
.div1 a{text-decoration: none;

}
.div1 a:hover{
    background-color: aqua;
}
.end button{
    width: 200px;
    height:80px;
    border: 5px solid yellow;
    border-radius: 10px;
    font-size: 1.5em;
    font-weight: bolder;
    color: red;
    
    background-color: aqua;
float:right;
}

.end button:hover{
    box-shadow: 0px 5px 8px red;
}