@font-face{
	font-family: BrushScript;
	src: url("fuentes/BrushScript.otf") format('opentype');
}

body{
		
}
html{

}
	
@font-face{
	font-family: pinter;
	src: url("fuentes/Pintersan.ttf");
}
.contenedor{
	min-height: 100%;
}
.fila1{
	height: 100%;
}



@media (orientation: landscape){
	.lateral{
		height: 100%;
		position: fixed;
		background: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url("imagenes/gota.jpg"); 
	}
	.h-lateral-vertical{
		height: 100%;
	}
	.lateral-logo{
		text-align: center;
		height: 30%;
			
	}
	.logo{
		padding-top: 10%;
		width: 80%; 
	}
	.lateral-logo p{
		display: block;
		color: white;
		font-family: pinter;
		font-size: 2vw;
	    margin-block-start: auto;
	    margin-block-end: 0px;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
		
	}
	.menu{
		padding-top: 10%;
		padding-bottom: 10%;
		height: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.menu ul{
		list-style: none;
		display: block;
		padding-inline-start: 0px;
		margin-block-start: 0%;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}	
	.menu ul li{
		
		text-align: center;
	}
	.menu ul li a{
		font-size: 1.5vw;
		color: white;
		text-decoration: none;
		font-weight: bold;
		
	}
	.telefono{
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 1.5vw;
		height: 20%;
	}
	.telefono b{
		text-align: center;
	}
	.principal{
		font-size: 5vw;
		margin-left: 16.666667%;	
		background: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url("imagenes/relax.jpg"); 
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
}
.contenedor-titulo{
	margin: 0 auto;
}
.titulo-inicio{
	margin-left: auto;
	text-align: center;
	font-size: 100%;
	font-family: pinter, Helvetica, sans-serif;
	
}
.subtitulo-inicio{
	margin: 0 auto;
	text-align: center;
	font-size: 50%;
	font-family: Arial, Helvetica, sans-serif;
	
}
.h-enrique-30{
	max-height: 30%;
}
@media (orientation: portrait){
	.col-enrique-1, .col-enrique-2, .col-enrique-3,.col-enrique-4,.col-enrique-5,.col-enrique-6,
	.col-enrique-7,.col-enrique-8,.col-enrique-9,.col-enrique-10,.col-enrique-11,
	.col-enrique-12{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.lateral{
		display: flex;
		
		height: 20%;
		min-width: 100%;
		background: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url("imagenes/gota.jpg"); 
	}
	.lateral-logo{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		text-align: center;
	}
	.logo{
		padding-top: 0%;
		width: 80%; 
	}
	.lateral-logo p{
		text-align: center;
		color: white;
		font-family: pinter;
		font-size: 3vw;
	    margin-block-start: 0px;
	    margin-block-end: 0px;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;	
	}
	.menu{
		padding-top: 0%;
		padding-bottom: 0%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.menu ul{
		list-style: none;
		display: block;
		padding-inline-start: 0px;
		margin-block-start: 0%;
	    margin-block-end: 0em;
	    margin-inline-start: 0px;
	    margin-inline-end: 0px;
	}	
	.menu ul li{
		padding: 0%;
		text-align: center;
		line-height: 6vw;
	}
	.menu ul li a{
		font-size: 3vw;
		color: white;
		text-decoration: none;
		font-weight: bold;
		
	}
	.telefono{
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 3vw;
		height: 100%;
	}
	.telefono b{
		text-align: center;
	}
	.principal{ 
		font-size: 10vw;
		height: 80%;
		margin: 0%;
		background: center center;
		background-size: cover;
		background-repeat: no-repeat;
		background-image: url("imagenes/relax.jpg"); 
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.col-enrique-1{
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-enrique-2{
		-ms-flex: 0 0 16.666667%;
  		flex: 0 0 16.666667%;
 		 max-width: 16.666667%;
	}
	.col-enrique-3{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-enrique-4{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-enrique-5{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-enrique-6{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-enrique-7{
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-enrique-8{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-enrique-9{
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-enrique-10{
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-enrique-11{
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-enrique-12{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}