/*
	     
	     
	                                                             \
	                                                      !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;

}

.dedsk-top 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";
	margin-left: 2vw;

}

.btn:hover{

}


/* home */

.main{
	padding-top: 6%;
 
}

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



/* nav */

button{
	font-size: 2em;
	padding: 20px 10px 25px 10px;
	border: 4px solid #7f635e;
	border-radius: 10%;
	background-color: #fdfbf0;
	color:#7f635e ;
	line-height: 0;
	margin-left: 10%;

	
}

	button:hover{
		color: #fdfbf0;
		background-color:#c589a4 ;

	}

.side-drawer-nav ul {
	float: right;
	width: 10vw;
	height: 20vw;
	background-color:rgba(255,255,255,0.5);
	margin: 0;
	display: block;
	position: fixed;
	right: -500px;
	transition: right 1s;
	}
		ul.slide-the-drawer{
			right: 0px;
			}

	

.side-drawer-nav li{
		margin: 0 ;
		font-size: 1.5em;
		display:flex ;	
}

h6{
	margin-bottom: 0;
	color: #7f635e;
}

h6:hover{
	color: #c589a4;
}

/* photo gallery */

.photo-gallery{
	width: 90vw;
	height: 50vw;
}



/* 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;
	}