/*general styles*/
html,
body,
header{
	height: 100%;
}
header img{
	display: none;
}
html{
	font-size: 16px;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #a0a0a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#a0a0a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#a0a0a0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#a0a0a0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-8 */
}
body{
	font-weight: 100;
	font-family: "jaf-bernino-sans-condensed",sans-serif;
	height: 100%;
}

.content {
	display: flex;
	flex-flow: column;
	height: 100%;
}

.main {
	flex: 1 1 auto;
}
/*HEADER*/
.header {
	background-color: #FFF;
	padding:0rem 1px 0rem;
	flex: 0 1 auto;
}

/*CONTENIDO*/
h1,h2,h3,h4,h5 {
	font-family: "jaf-bernino-sans-condensed",sans-serif;
	color:#FFF;
	text-shadow: 2px 1px #000;
}

h1 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 110%;
	color:#ef4336;
	text-transform: uppercase;
}

h2 {
	font-weight: 300;
	line-height: 110%;
	font-size: 2rem;
}

.contenido {
	margin-top:15rem;
}

/*LOGOS*/
.logos {
	margin-top:1rem;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0;
}

.logos .inline-list {
	margin-left:-0.8rem;
}
/*LOGOS 2023*/
.logos2 {
	margin: top -3.5rem;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0;
}
.logos2 .inline-list {
	margin-left:-0.8rem;
}

/*SLider 2023*/
.custom-slider {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.custom-slider img {
	margin: auto;
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 0.5;
}

@media (max-width: 767px) {
	.slider {
	  height: 200px;
	}
}

/*OVERLAY*/
.overlay {
	background-color: rgba(100,100,100,0.5);
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
}



@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	body{
		background-image: none;
	}
	.header img {
		margin:0.5rem auto;
	}
	.contenido {
		margin-top:2rem;
	}
	h1 {
		font-size:1.7rem;
	}
	h2 {
		font-size:1.3rem;
	}	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 90.063em) { 
	.contenido {
		margin-top: 25rem;
	}
} /* min-width 1441px, xlarge screens */