@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap');

.align-center{
    text-align: center;
}

.row{
    margin-left: 0px!important;
    margin-right: 0px!important;
}

body{
	font-family: 'Raleway', sans-serif;
}

	.redes-flotantes {
		position: fixed;
		right: -8px;
		top: 25%;
		z-index: 20;
	}
	.redes-flotantes img {
		float: right; clear: right;
		 margin: 5px;
		-moz-transform: scale(.8) ;
		-webkit-transform: scale(.8) ;
		-o-transform: scale(.8) ;
		-ms-transform: scale(.8) ;
		transform: scale(.8) ;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
/*	.redes-flotantes img:hover {
		-moz-transform: scale(1.1) rotate(6deg);
		-webkit-transform: scale(1.1) rotate(6deg);
		-o-transform: scale(1.1) rotate(6deg);
		-ms-transform: scale(1.1) rotate(6deg);
		transform: scale(1.1) rotate(6deg);
	}*/


@media (min-width: 320px) {


	.fondo-principal{
		background: url('../images/banner-principal.png');
		background-repeat: no-repeat;
	}

	.fondo-especificaciones{
		background: url('../images/fondo-especificaciones.png');
	}


	.align-center{
		text-align: center;
	}
	
		.mtop20{
		margin-top: 20px;
	}

	.mtop30{
		margin-top: 30px;
	}

	.mtop50{
		margin-top: 20px;
	}

	.mtop100{
		margin-top: 50px;
	}

	.title-banner{
		font-family: 'Raleway', sans-serif;
		font-size: 38px;
		color: #fff;
		font-weight: 800;
	}

	.txt_regular-title{
		font-family: 'Raleway', sans-serif;
		font-size: 38px;
		color: #fff;
		font-weight: 400;

	}

	.padding-top-bottom{
		padding-top: 250px;
		padding-bottom: 250px;
	}

	.text-normal-descripcion{
		font-family: 'Raleway', sans-serif;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
		padding: 20px;
	}

	.text-normal-descripcion-list{
		font-family: 'Raleway', sans-serif;
		font-size: 20px;
		line-height: 25px;
		color: #fff;
	}

	.subtitles-txt{
		font-family: 'Raleway', sans-serif;
		font-size: 30px;
		color: #525252;
		font-weight: 800;
	}

	.txt-especificaciones{
		font-family: 'Raleway', sans-serif;
		font-size: 18px;
		color: #fff;
		font-weight: 500;
	}

	.bottom-top-especificaciones{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.ico-bullet{
		margin-top: -41px;
	}

	.txt-descripcion3{
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		color: #525252;
		font-weight: 500;
	}

	.subtitles-txt-h3{
		font-family: 'Raleway', sans-serif;
		font-size: 30px;
		color: #525252;
		font-weight: 800;
	}

	.fondo-escuelas{
		background: url('../images/fondo-escuelas.png');
		background-repeat: no-repeat;
		height: 465px;

	}

	.fondo-centro-comerciales{
		background: url('../images/fondo-comerciales.png');
		background-repeat: no-repeat;
		height: 465px;
	}

	.fondo-entrenamiento{
		background: url('../images/fondo-entrenamiento.png');
		background-repeat: no-repeat;
		height: 465px;
	}

	.fondo-restaurante{
		background: url('../images/fondo-restaurante.png');
		background-repeat: no-repeat;
		height: 465px;
	}

	.fondo-hospitales{
		background: url('../images/fondo-restaurante.png');
		background-repeat: no-repeat;
		height: 465px;
	}



	.titulo-iconos{
		font-family: 'Raleway', sans-serif;
		font-size: 18px;
		color: #fff;
		font-weight: 700;
		padding-top: 50px;
	}

	.description-iconos{
		font-family: 'Raleway', sans-serif;
		font-size: 13px;
		line-height: 28px;
		color: #fff;
		font-weight: 500;
		text-align: justify;
		padding-top: 50px;
    	padding-bottom: 30px;
    	padding-left: 20px;
    	padding-right: 20px;
	}

	.mtop-movil{
		margin-top: 20px;
	}

	.text-align-movil{
		text-align: center;
	}

	.lista-beneficios{
		margin-top: 20px;
	}


	.img-list{
		width: 100%;
	}
}

@media (min-width: 768px) {
	.mtop50{
		margin-top: 50px;
	}

	.mtop100{
		margin-top: 50px;
	}

	.title-banner{
		font-size: 63px;
	}

	.txt_regular-title{
		font-size: 63px;

	}

	.padding-top-bottom{
		padding-top: 250px;
		padding-bottom: 250px;
	}

	.text-normal-descripcion{
		font-size: 22px;
		line-height: 28px;
		padding: 20px;
	}

	.text-normal-descripcion-list{
		font-size: 22px;
		line-height: 28px;
	}

	.subtitles-txt{
		font-size: 50px;
	}

	.txt-especificaciones{
		font-size: 25px;
	}

	.bottom-top-especificaciones{
		padding-top: 150px;
		padding-bottom: 150px;
	}

	.txt-descripcion3{
		font-size: 18px;
	}

	.subtitles-txt-h3{
		font-size: 40px;
	}

	.fondo-escuelas{
		height: 525px;
	}

	.fondo-centro-comerciales{
		height: 525px;
	}

	.fondo-entrenamiento{
		height: 525px;
	}

	.fondo-restaurante{
		height: 525px;
	}

	.fondo-hospitales{
		height: 525px;
	}

	.titulo-iconos{
		font-size: 18px;
		padding-top: 50px;
	}

	.description-iconos{
		font-size: 13px;
		line-height: 28px;
		padding-top: 50px;
    	padding-bottom: 30px;
    	padding-left: 20px;
    	padding-right: 20px;
	}

	.mtop-movil{
		margin-top: 0px;
	}

	.text-align-movil{
		text-align: left;
	}


	.img-list{
		width: 100%;
		max-width: 200px;
	}

}
@media (min-width: 1200px) {

	.mtop50{
		margin-top: 50px;
	}

	.mtop100{
		margin-top: 100px;
	}

	.title-banner{
		font-size: 83px;
	}

	.txt_regular-title{
		font-size: 83px;
	}

	.padding-top-bottom{
		padding-top: 350px;
		padding-bottom: 270px;
	}

	.text-normal-descripcion{
		font-size: 25px;
		line-height: 30px;
		padding: 20px;
	}

	.text-normal-descripcion-list{
		font-size: 25px;
		line-height: 30px;
	}

	.subtitles-txt{
		font-size: 60px;
	}

	.txt-especificaciones{
		font-size: 28px;
	}

	.bottom-top-especificaciones{
		padding-top: 150px;
		padding-bottom: 150px;
	}


	.txt-descripcion3{
		font-size: 20px;
	}

	.subtitles-txt-h3{
		font-size: 55px;
	}


	.titulo-iconos{
		font-size: 18px;
		padding-top: 50px;
	}

	.description-iconos{
		font-size: 16px;
		line-height: 30px;
		padding-top: 100px;
    	padding-bottom: 40px;
	}

	.img-list{
		width: 100%;
		max-width: 280px;
	}

}