/*
	     
	     
	                                                             \
	                                                      !l-    GG:
	                                                      !GGGG. GGGGGGSllllS
	                                                      'GGGGGGGGG^  9GGGGG
	             ~                                         9GGGGGGGp. :SGGGGG
	        :SGGGGGGGS:                                    !GGGGGGGGGGGGGGGGG
	        \GGGGGGGGGGS                                   !GGGGGGGGGGGGGGf"
	          `^*GGGGGGGS                                  SGGGGGGGGGGGGf
	              %GGGGGG                                 :GGGGGGGGGGGG"
	               GGGGGG                                :GGGGGGGGGGGGL
	     .SGGG:~   GGGGGG    :ll.                       lGGGGGGGGGGGGG
	     SGGGGGGl !GGGGGO :SGGGGG                     ;GGGGGGGGGGGGGGG         :lSGGSl:
	     GGGGGGGGGGGGGGGSGGGGGGGG~                .:lGGGGGGGGGGGGGGGGG       ;SGGGGGGGGf
	    (GGGGGGGGGGGGGGGGGGGGGGGG,          .:lSGGGGGGGGGGGGGGGGGGGGGG     lGGGGS" "l*
	    *GGGGGG9T9GGGGGGGGGGGGGGGG       ;GGGGGGGGGGGGGGGGGGGGGGGGGGGG  :GGGGGS^
	             SGGGGGS    '^^^`     :SGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGlGGGGGGf
	             GGGGGG[            lGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG9`
	            'GGGGGG           ;GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGf
	            lGGGGGG          GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGS`
	            SGGGGGG         SGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG"
	            GGGGGGf        SGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGS*
	            GGGGGG~       lGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG~
	            GGGGGG        GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
	           'GGGGGG       !GGGGGGGGGGGGGGGGGGGGGGGGGGf` 'VGGGGGGGG.
	           'GGGGGG       lGGGGGGGGGGGGGGGGGGGGGGGGGL      lGGGGGGG,                  
	           'GGGGGG       %GGGGGGGGGGGGGGGGGGGGGGGGS         %GGGGGG\
	            GGGGGG~      lGGGGGGGGGGGGGGGGGGGGGGGGL          'GGGGGGl
	            GGGGGGS      !GGGGGGGGGGGGGGGGGGGGGGGGL            \GGGGGS
	            9GGGGGGG     'GGGGGGGGGGGGGGGGGGGGGGGGL              GGGGGG,
	            'GGGGGGGS.    GGGGGGGGGGGGGGGGGGGGGGGG                \GGGGGG           
	             \GGGGGGGGS;  !GGGGGGGGGGGGGGGGGGGGGS, .               'GGGGGG;
	              "GGGGGGGGGGGSGGGGGGGGGGGGGGGGGGGGGGGGGGGl              %GGGGGS;
	               ~*SGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGS              "GGGGGGG
	                   `"*****"^^^^^^^^^^^^^^^^^^^^^^^^^^^^^                '^``
	     
 .---.  .----. .-.   .-. .----. .-. .-..----.    .-. .-..----. .----. .----..----.   .--.  
{_   _}/  {}  \|  `.'  |/  {}  \| |/ //  {}  \   | |/ //  {}  \| {}  \| {_  | {}  } / {} \ 
  | |  \      /| |\ /| |\      /| |\ \\      /   | |\ \\      /|     /| {__ | .-. \/  /\  \
  `-'   `----' `-' ` `-' `----' `-' `-'`----'    `-' `-'`----' `----' `----'`-' `-'`-'  `-'
                                                                                           
                                                                                           
                                                                                           
                                                                                           
*/





body{
	margin: 0;
	padding: 0;
	background-color: #f9f8f0;



}

/*header*/

header{
	height:8vw;
	width: 100%;
	background-color: #7f635e;
	position: fixed;
	display: flex;
	align-items: center;
	z-index: 9999;
}

h1 img{
	width: 12vw;
	height: 8vw;
	margin-top:-2vw;
	margin-left: 2vw;
}


h1{
	margin-left: 1vw;
	padding: 0;
	font-family: "Verdana","sans-serif";
	font-size: 3vw;

}

a{
	text-decoration: none;
	color: #faf7ef;
}

ul{
	list-style: none;
	margin: 8vw;
	display:flex;
	
}

li{
	font-family: "futura","sans-serif";;
	font-size: 1.5vw;
	margin: 0 0 0 5vw;

}

nav{
	margin: 0 0 0 15vw;
}

.btn{
	display: block;
	padding: 1.1vw;
	text-decoration: none;
	border-bottom: 2vw solid #a0697a;
	background-color: #c589a4;
	color: #ffff;
	border: solid 0.8vw #a0697a;
	position: relative;
	overflow: hidden;
	font-size: 1.5vw;
	font-family: "verdana";
}

.btn:hover{

}


/* home */

.main{
	padding-top: 6%;
 
}

.main h1{
	position: relative;
	margin-top: 50vw;
	margin-left: 30vw;
	color: #ffff;
}

/* footer */


footer{
	width: 100%;
	height: 20vw;
	background-color:#7f635e ;
	text-align: center;

	}



	ul.footer-menu li{
		display: inline;
		margin-top: 8vw;
		margin-left: 13%;
		color: #ffff;
	}

/* menu */

.menu-img img{
	width: 100%;
	height: 20vw;
	object-fit: cover;
	position: relative;

}

.menu-img h1{
	position: absolute ;
	margin-top: -10vw;
	margin-left: 10vw;
	font-size: 5vw;
	color: #f9acea;
}

.red-bar {
	margin-top: -2vw;
	width: 100%;
	height: 5vw;
	background-color: #9c131b;
	box-shadow: 0.5vw 0.5vw #7f635e;
}

.red-bar h2{
	font-family: "verdana";
	font-size: 4vw;
	font-weight:bolder;
	text-align: center;
	color: #ffff;
	padding-top: 0;
}



.menu-specials li{
	display: inline-block;
	vertical-align: top;
	width: 17vw;
	height: 30%;
	margin-right: 3vw;
	position: static;
	margin-left: -2vw;
}

.menu-specials img{
	width: 15vw;
	height: 14.5vw;
	object-fit: cover;
	margin-top: 0;
}

.menu-specials h3{
	font-size: 1.7vw;
	font-family: "futura";
	color:  #9c131b;
	margin-top: 0;
	font-weight: 300;
}

.menu-specials h4{
	font-size: 1.5vw;
	color: #009a49;
	margin-top: -1.5vw;
	text-align: right;
	font-weight: normal;
	width: 80%;
}

.menu-specials h5{
	font-size: 1.5vw;
	color:#7f635e ;
	font-family: "futura";
	font-weight: normal;
	margin-top: -1vw;
	width: 90%;
}

/* side menu bar */




.menu-icon1 img{
	margin-left: ;
	width: 8vw;
	height: 8vw;
	object-fit: cover;
	border-radius: 50%;
}

.menu-icon1 h4{
	font-size: 1vw;
	font-family: "Verdana","sans-serif";
	font-weight: normal;
	color: #7f635e;
	margin-top: 0;
	width: 8.5vw;
	margin-left: 0;
}

.menu-icon2 h4{
	font-family: "Verdana","sans-serif";;
	font-size: 1vw;
	font-weight: normal;
	color: #7f635e;
	margin-left: 0;
 text-align: center;
 margin-top: 0;
}

.menu-icon2 img{
	width: 8vw;
	height: 8vw;
	object-fit: cover;
	border-radius: 50%;
	margin-top: 0;
}

section.menu-bar{
	background-color: #dfc0cd;
	width: 24vw;
	height: 23vw;
	float: left;
	margin-top: -32.2vw;
	margin-left: 75vw;
	position: fixed;
	box-shadow: 0.5vw 0.5vw #7f635e;

}

.menu-icon1 li{
	margin-left: 0;
	margin-top: -7vw;
	margin-right: 4vw;

}

.menu-icon2 li{
	margin-left: 0vw;
	
	margin-top: -8vw;
	margin-right: 4vw;
}

section.menu-icons {
	margin-left: -8.5vw;
	width: 20vw;
}
