/* -------------------------------------------------------------------------------- /

	Gringo | Studio digital - style.css
	v1.0 - 22/05/2021
	Tous droits réservés.
	email: hola@gringo.re
	web: www.gringo.re
	facebook: https://www.facebook.com/StudioGRINGO

/ -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- /

	[1]     BODY -
	[2]     HEADER -
	[3]     NAVIGATION -
	[4]     FOOTER -
	[5]     MEDIAQUERIES -

/ -------------------------------------------------------------------------------- */



/* #BODY ======================================================================== */
/* #BODY ======================================================================== */
body{
	width: 100%;
	height: 100vh;
	background-color: #946927;
	overflow-x: hidden; 
	overflow-y: hidden; 
}

.bg_content{
	background-color: #000000;
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -1;
}

/* #HEADER ======================================================================== */
/* #HEADER ======================================================================== */
header{
 margin-top: 0;
}

header .logo{
	margin-left: auto;
	margin-right: auto;
	width: 22em;
}

/* #NAVIGATION ======================================================================== */
/* #NAVIGATION ======================================================================== */
nav{
 width: 100%;
 position: absolute;
 top:50%;
 height: auto;
}

nav li{
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: 'Yantramanav', sans-serif;
	text-transform: uppercase;
	text-decoration:none; 
	font-size: 2.5em;
	line-height: 1.2em;
	letter-spacing: 0.3vw;
	color: #946927;
	font-weight: 100;
}


/* #FOOTER ======================================================================== */
/* #FOOTER ======================================================================== */
footer{
	position: absolute;
	bottom: 8%;
	left:47%;
}

footer .social{
	margin-left: auto;
	margin-right: auto;
}

footer .social img{
	width: 1.5em;
	height: auto;
}

footer .social .facebook{
	margin-right: 1vw;
}





/* MEDIAQUERIES 461PX ======================================================================== */
/* MEDIAQUERIES 461PX ======================================================================== */
@media screen and (max-width: 461px) {

	header .logo{
		width: 24em !important;
	}

	nav{
		top:50%;
	   }

	nav li{
		font-size: 1.6em;
		line-height: 1.4em;
		font-weight: 300;
	}

	footer{
		left:35% !important;
	}

	footer .social img{
		width: 2em;
	}
	
	footer .social .facebook{
		margin-right: 6vw;
	}
}