@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: 'Open Sans';
	src: url("../font/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf") format('truetype');
}

@font-face{
	font-family: 'Montserrat';
	src: url("../font/Montserrat/Montserrat-VariableFont_wght.ttf") format('truetype');
}

body{
	background-color: #151317;
	font-family: 'Open_Sans', 'Montserrat', sans-serif;
	min-height: 100vh;
	display: grid;
}

header{
	background-color: #311F50;
	margin-bottom: auto;
	padding: 1%
}

#portfolio, #visitor-bts, #visitor-stills, #sonrisa-stills, #sonrisa-bts, #sawyer-bts, #minos-bts, #ollie-bts, #cajita-bts, #bars-stills, #bars-bts, #about{
	padding: 1% 2%;
}

.visitor-presentation{
	width: 1000vh;
	height: inherit;
	border-radius: 0.5rem;
}

.presentation{
	padding: 0.75%;
}

.imagen-pres{
	border-radius: 0.5rem;	
} 

footer{
	background-color: #311F50;
	padding: 0.15%;
	margin-top: auto;
}

footer p{
	color: #ADACAD;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-align: center;
	padding: 0.5%;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	font-size: 14px;
}

#visitor-hero h1, #sonrisa-hero h1, #sawyer-hero h1, #ollie-hero h1, #minos-hero h1, #cajita-hero h1, #bars-hero h1{
	color:#D4D2D5 !important;	
	font-weight: 600;
	text-transform: uppercase;
	font-size: 3rem;
	padding: 3% 0% 1%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

#visitor-hero h2, #sawyer-hero h2, #minos-hero h2, #cajita-hero h2, #bars-hero h2{
	color:#ADACAD !important;	
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: 1% 0% 2%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

#visitor-bts h3, #sonrisa-bts h3, #sawyer-bts h3, #ollie-bts h3, #minos-bts h3, #cajita-bts h3, #bars-bts h3{
	color:#ADACAD !important;	
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.1rem;
	padding: 1% 1% 2%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

#visitor-turn p, #sonrisa-turn p, #sawyer-gameplay p, #ollie-gameplay p, #minos-gameplay p, #cajita-desc p, #bars-anim p, #about p{
	color:#ADACAD !important;	
	font-weight: 500;
	font-size: 1rem;
}
/*a small visitor page*/

.visitor-vimeo{
	border-radius: 1rem;
}

#visitor-turn, #sonrisa-turn, #sawyer-gameplay, #ollie-gameplay, #minos-gameplay, #cajita-desc, #bars-anim{
	margin: 2% 0%;
}

/*Sonrisa Perdida*/

.sonrisa-vimeo{
	border-radius: 1rem;
}

/*about*/

.about-format{
	padding: 2%
}

#about h3{
	color:#D4D2D5 !important;	
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.5rem;
	padding: 3% 0% 1%;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
}

#about .hiperlink{
	color:#ADACAD !important;	
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
}