@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Open Sans Condensed', sans-serif;
}

@media screen and (max-width: 700px){
	body{
	font-family: 'Open Sans Condensed', sans-serif;	
}

	header{
		width:100%;
		height:47vw;
		position:fixed;
		z-index:9999;
		/*background:rgba(0,0,0,0.9);*/
		/*background:red;*/
	}	
	
	.header2{
		background:rgba(0,0,0,0.9);
	}
	
	header a{
		text-decoration:none;
		color:#FFF;
	}
	
	#logito{
		width:45%;
		height:50vw;
		position:absolute;
		/*background:black;*/
		z-index:999;	
	}
	
	#logito img{
		width:100%;	
	}
	
	nav{
		width:100%;
		height:20vw;
		position:absolute;
		/*background:green;	*/
	}
	
	.ham-tache{
		width:20%;
		height:20vw;
		position:absolute;
		right:0;
		color:#FFF;
		/*background:orange;	*/
	}
	
	.ham-tache p{
		margin:0;
		padding:0;
		text-align:center;
		line-height:20vw;
		font-size:10vw;
	}
	
	
	.card-menu{
		display:none;
		background-image:url(../img/menu.JPG);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		width:100%;
		height:100vh;
		padding:0;
		margin:0;
		color:#FFF;
	}
	
	.card-menu ul{
		margin:0;
		padding:0;
		padding-top:60vw;
	}
	
	.card-menu ul li{
		text-decoration:none;
		list-style:none;
		font-size:11vw;
		letter-spacing:0.5vw;
		padding-left:12%;
	}
	
	.card-menu ul li a{
		text-decoration:none;
		color:#FFF;
	}
	
	section{
		width:100%;
		height:auto;	
	}
}

@media screen and (min-width: 701px){
	body{
	font-family: 'Open Sans Condensed', sans-serif;
}

	header{
		width:100%;
		height:30vw;
		position:fixed;
		z-index:9999;
		/*background:rgba(0,0,0,0.9);*/
		/*background:red;*/
	}	
	
	.header2{
		background:rgba(0,0,0,0.9);
	}
	
	#logito{
		width:30%;
		height:30vw;
		position:absolute;
		/*background:black;*/
		z-index:999;	
	}
	
	#logito img{
		width:100%;	
	}
	
	nav{
		width:100%;
		height:15vw;
		position:absolute;
		/*background:green;	*/
	}
	
	.ham-tache{
		width:20%;
		height:15vw;
		position:absolute;
		right:0;
		color:#FFF;
		/*background:orange;	*/
	}
	
	.ham-tache p{
		margin:0;
		padding:0;
		text-align:center;
		line-height:15vw;
		font-size:5vw;
	}
	
	
	.card-menu{
		background-image:url(../img/menu.JPG);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		display:none;
		width:100%;
		height:100vh;
		padding:0;
		margin:0;
	}
	
	.card-menu ul{
		margin:0;
		padding:0;
		padding-top:50vw;
	}
	
	.card-menu ul li{
		text-decoration:none;
		list-style:none;
		font-size:8vw;
		letter-spacing:0.5vw;
		padding-left:20%;
		color:#FFF;
	}
	
	.card-menu ul li a{
		text-decoration:none;
		color:#FFF;
	}	
	
	section{
		width:100%;
		height:auto;	
	}
}

@media screen and (orientation: landscape){
	body{
	font-family: 'Open Sans Condensed', sans-serif;
}

	header{
		width:100%;
		height:8vw;
		position:fixed;
		z-index:9999;
		/*background:red;*/
	}	
	
	.header2{
		background:rgba(0,0,0,0.9);
	}
	
	#logito{
		width:17%;
		height:17vw;
		position:absolute;
		/*background:black;*/
		z-index:999;	
	}
	
	#logito img{
		width:100%;	
	}
	
	nav{
		width:100%;
		height:8vw;
		position:absolute;
		/*background:green;	*/
	}
	
	.ham-tache{
		display:none;
	}
	
	.ham-tache p{
		display:none;
	}
	
	
	.card-menu{
		background-image:none;
		display:block;
		width:100%;
		height:8vw;
		padding:0;
		margin:0;
		/*background:red;*/
	}
	
	.card-menu ul{
		margin:0;
		padding:0;
		padding-top:4vw;
		text-align:right;
	}
	
	.card-menu ul li{
		text-decoration:none;
		list-style:none;
		font-size:1vw;
		display:inline-table;
		letter-spacing:0.5vw;
		padding:0 1%;
		color:#000;
		border-right:1px solid white;
	}
	
	#find{
		border-right:0px;
	}
	
	/*#gasper-menu{
		width:100%;
		height:8vw;
		background:blue;	
	}	*/
	
	section{
		width:100%;
		height:auto;	
	}
}

@media screen and (min-width: 1280px){
	body{
	font-family: 'Open Sans Condensed', sans-serif;	
}

	header{
		width:100%;
		height:5vw;
		position:fixed;
		z-index:9999;
		/*background:rgba(0,0,0,0.9);*/
		/*background:red;*/
	}	
	
	.header2{
		background:rgba(0,0,0,0.9);
	}
	
	#logito{
		width:16%;
		height:16vw;
		position:absolute;
		/*background:black;*/
		z-index:999;	
	}
	
	#logito img{
		width:100%;	
	}
	
	nav{
		width:100%;
		height:5vw;
		position:absolute;
		/*background:green;	*/
	}
	
	.ham-tache{
		display:none;
	}
	
	.ham-tache p{
		display:none;
	}
	
	
	.card-menu{
		background-image:none;
		display:block;
		width:100%;
		height:5vw;
		padding:0;
		margin:0;
		/*background:red;*/
	}
	
	.card-menu ul{
		margin:0;
		padding:0;
		padding-top:2vw;
		text-align:right;
	}
	
	.card-menu ul li{
		text-decoration:none;
		list-style:none;
		font-size:1vw;
		display:inline-table;
		letter-spacing:0.3vw;
		padding:0 1%;
		color:#000;
		border-right:1px solid white;
	}
	
	#find{
		border-right:0px;
	}	
	
	section{
		width:100%;
		height:auto;	
	}
}