/*
	     
	     
	                                                             \
	                                                      !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;
	width: 60vw;

}

/*header*/

header{
	height:8vw;
	width: 100vw;
	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{

	padding: 0;
	font-family: "Verdana","sans-serif";
	font-size: 3vw;

}

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

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

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

nav{
	margin: 0 0 0 18vw;
	
	
}

.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";
	margin-left: 5vw;
}

.btn:hover{

}


/* home */

.main{
	padding-top: 6%;

 
}

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

/*slide show*/



.slide{
		width: 60vw;
	height: 70vw;
	overflow: hidden;
	margin-top:2vw;
	position: relative;
	
}

@keyframes slideshow {
	0%{
		opacity: 0;
		 
	}
	10%{opacity: 1;
		
	}
	28%{
		opacity: 1;
	}
	38%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}

.slide img{
		position: absolute;
		top:39.4%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 80%;
		opacity: 0;
		animation: slideshow 15s linear infinite;
}

.slide img#img2{
	animation-delay: 5s;
}

.slide img#img3{
	animation-delay: 10s;
}




/*welcome words*/



#welcome-words{
	width: 60%;
	margin-top: -70vw;
	margin-left: 63vw;
}

#welcome-words h3{
	font-family: "futura","sans-serif;";
	font-size: 2.3vw;
	font-weight: normal;
	color: #9c131b;
	line-height: 4vw;
	
	width: 33vw;
	}

/* menu */

.menu{
	
	margin-left: 60vw;
	background-color:#9c131b ;
	width: 40vw;
	height: 5vw;
	box-shadow: 0.5vw 0.5vw #7f635e;
	
}

.menu h2{
		margin-top: 0;
		font-size:4vw ;
		font-family: "verdana","sans-serif";
		font-weight: bolder;
		text-align: center;
		color: #ffff;
}


/* menu-icon */


.menu-icon1{
	margin-left: 58vw;
	margin-top: 2vw;
}

.menu-icon2{
	margin-top: -2vw;
	margin-left: 58vw;
}

.menu-icon1 li{
	margin-top: 0;

	
}

.menu-icon2 li{
	
	padding-top: 0;
}

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

.menu-icon1 h4{
	font-size: 1.2vw;
	font-family: "Verdana","sans-serif";
	font-weight: normal;
	color: #7f635e;
	margin-top: 2vw;
}

.menu-icon2 h4{
	font-family: "Verdana","sans-serif";;
	font-size: 1.3vw;
	font-weight: normal;
	color: #7f635e;
	margin-left: 2.3vw;
  margin-top: 2vw;
}

.menu-icon2 img{
	width: 10vw;
	height: 10vw;
	object-fit: cover;
	border-radius: 50%;
	margin-top: 1vw;
	margin-left: 0.5vw;
}


/* footer */


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

	}



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