/*@import url('https://fonts.googleapis.com/css?family=Teko&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');*/

body{
	font-family: 'Libre Franklin';
}

.contenedor-titular{
	background-color:white;
}

.contenedor-titular h2{
	border-bottom: 5px solid #6D000B;
}

.fondo-inter{
	background-image: url('../img/collage_1.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 5% 13% 0 13%;
	height: 200px;
}

hr{
	background-color: #6D000B;
	opacity: 1 !important;
	padding: 3px;
}

.seccion-texto{
	font-size: 1.5rem;
	text-align: justify;
}

.contenedor-general-gris{
	background-color: #F2F2F2;
}

#lista-servicios > li{
	font-size: 1em;
	list-style: none;
}

.contenedor-servicio{
	background-image: url('../img/fondo_contenedor_servicio_1.jpeg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 5% 13%;
}

@media screen and (min-width: 320px){
	.contenedor-titular{
		top: 16rem;
		left: 3%;
		transition: .5s;
		padding: 30px 20px;
	}

	.contenedor-titular h2{
		font-size: 25px;
	}

	.contenedor-titular p{
		font-size: 15px;
	}

	.contenedor-general{
		padding: 50px 0;
	}
}

@media screen and (min-width: 768px){
	.contenedor-titular{
		top: 120px;
		left: 10%;
		transition: .5s;
		padding: 30px 30px;
	}

	.contenedor-titular h2{
		font-size: 25px;
	}

	.contenedor-titular p{
		font-size: 12px;
	}

	.contenedor-general{
		padding: 50px 0;
	}
}

@media screen and (min-width: 992px){
	.contenedor-titular{
		top: 120px;
		left: 10%;
		transition: .5s;
		padding: 40px 40px;
	}

	.contenedor-titular h2{
		font-size: 23px;
	}

	.contenedor-titular p{
		font-size: 12px;
	}

	.contenedor-general{
		padding: 50px 0;
	}
}

@media screen and (min-width: 1200px){
	.contenedor-titular{
		top: 120px;
		left: 10%;
		transition: .5s;
		padding: 40px 40px;
	}

	.contenedor-titular h2{
		font-size: 27px;
	}

	.contenedor-titular p{
		font-size: 15px;
	}

	.imagen-srd-somos{
		width: 400px;
	}

	.contenedor-general{
		padding: 50px 0;
	}
}

@media screen and (min-width: 1400px){
	.contenedor-titular{
		top: 120px;
		left: 17%;
		transition: .5s;
		padding: 40px 40px;
	}

	.contenedor-titular h2{
		font-size: 30px;
	}

	.contenedor-titular p{
		font-size: 17px;
	}

	.imagen-srd-somos{
		width: 400px;
	}

	.contenedor-general{
		padding: 50px 0;
	}
}