// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900
@font-face {
	font-family: 'Cheveuxdange';
	src: url('../fonts/Cheveuxdange.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'chalkdust';
	src: url('../fonts/chalkdust.ttf') format("truetype");
	font-display: swap;
}
html {
	width: 100%;
	margin:0Px 0Px 0Px 0Px;
}
body {
	width: 100%;
	margin:0Px 0Px 0Px 0Px;
	background: #C29558;   
	color:#fff;
	font-size:1.2em;
	font-family: "Bebas Neue", serif;
}
.montserrat-letra {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 20;
  font-style: normal;
}
.bebas-neue-regular {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-style: normal;
}
.dm-sans {
  font-family: "DM Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
a {
	color: #fff;
	text-decoration: none;
}
.fas {
	padding:10Px;
	background-color: #C29558;
	border:1px solid #C29558;
	border-radius:50%;
	font-size:2.0em;
}	
.entrada {
	background-image: url("../images/Portada.webp");
	background-repeat: no-repeat;
	background-position: top, center;
	background-size: 100%;	
	background-color: transparent;	
	/*min-height:800Px;*/
	width:100%;
	height: 100vh;	
}
.titulos_entrada {
	position:absolute;
	top:200Px;
	left:0;
}
.titulos_entrada p{
	color:#fff;
	margin-bottom:40Px;
}	
.titulos_entrada h1{
	font-size:100Px;
	color:#fff;
	margin-top:-40Px;
}
.seccion1 {		
	min-height: 100vh;	
}
.textoseccion1 {
	margin-top:-500Px;
}
.textos {
	font-family: "DM Sans", serif;
}
.imagenjefe {
	width:80%;
}
.fondopizarra {
	min-height: 50vh;
	background: #000;
	color:#fff;
}
.pizarra {
	font-family: 'chalkdust';
	padding:10Px;
}
.btn-light {
	width:180Px;
	margin: 2Px;
	font-size: 1.2rem;
	background-color: #DE5C0E;
	border: 1Px solid #DE5C0E;
	color: #fff;
	border-radius: 40px 40px;
}
.ir-arriba {
	display:none;
	padding:20px;
	background:#DE5C0E;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}
.ts1 {
	width:80%;margin:auto;
}
/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
  padding: 10Px !important;
}

.grid-item img {
  display: block;
  width: 100%;
}
.imagen1 {
	margin-left:-115Px;
}
.texto_contacto {
	margin-left:10Px;
}
@media (max-width: 1024px) {

}
@media (max-width: 1080px) {
	.titulos_entrada {
		top:100Px;
	}
	.titulos_entrada p{
		
	}	
	.titulos_entrada h1{
		font-size:50Px;
		margin-top:-20Px;
	}
	.entrada {	
		height: 50vh;
	}	
	.seccion1 {		
		min-height: 50vh;	
	}	
}
@media (max-width: 850px) {
	.titulos_entrada {
		top:100Px;
	}
	.titulos_entrada p{
		
	}	
	.titulos_entrada h1{
		font-size:50Px;
		margin-top:-20Px;
	}	
	.entrada {	
		height: 50vh;
	}	
	.seccion1 {		
		min-height: 50vh;	
	}
	.texto_contacto {
		margin-left:20Px;
	}
	.imagenjefe {
		width:100%;
	}	
}
@media (max-width: 800px) {
	.nomovil {
		display:none;
	}
	.titulos_entrada {
		top:100Px;
	}
	.titulos_entrada p{
		
	}	
	.titulos_entrada h1{
		font-size:50Px;
		margin-top:-20Px;
	}
	.texto_contacto {
		margin-left:20Px;
	}	
}
@media (max-width: 600px) {
	.nomovil {
		display:none;
	}
	.titulos_entrada {
		top:60Px;
	}
	.titulos_entrada p{
		
	}	
	.titulos_entrada h1{
		font-size:50Px;
		margin-top:-20Px;
	}
	.entrada {
		background-image: url("../images/Portada_movil.webp");
		background-repeat: no-repeat;
		background-position: top, center;
		background-color: transparent;	
		background-size: 100%;
		min-width:100%;		
		height: 50vh;
		margin: 0;
	}
	.imagen1 {
		margin-left:0Px;
	}	
	.seccion1 {		
		min-height: 50vh;	
	}	
	.textoseccion1 {
		margin-top:10Px;
	}
	.imagen1 {
		margin-top:0Px;
	}	
	.imagenjefe {
		width:100%;
	}	
	.ts1 {
		width:100%;margin:auto;
	}	
	.grid-sizer,
	.grid-item {
	  width: 100%;
	}	
}