/* estilos generales para toda la página */
body {
	font-family: 'Helvética', cursive;
	margin: 0;
	background-color: #a8a8ab;
}

.bg-color-info {
	background-color: rgb(180, 182, 184);
}

.font-color-general {
	color: rgb(132, 60, 176);
}

.brand-name {
	font-size: 3rem;
	color: rgb(132, 50, 176);
	margin-left: 2rem;
}

.bg-img-principal {
	background-image: url("img/main..jpg");
	background-size: cover;
	height: 650px;
	background-position: center center;
}

.bloque-texto-principal {
	margin-top:;
}

.bg-color-azul {
	background-color: rgb(132, 105, 176);
}

.hrblanco {
	width: 10%;
	background-color: white;
}

.hrazul {
	width: 10%;
	background-color: rgb(244, 246, 251);
}


/* estilos específicos para pantallas menores a 992px (menor que lg de bootstrap) */
@media only screen and (max-width : 992px) {

	.brand-name {
		font-size: 1.8rem;
		color: rgb(132, 52, 176);
		margin-left: 1rem;
	}

	/* tenemos 1 imagen específica para móvil */
	.bg-img-principal {
		background-image: url("img/main-mov.jpg");
		background-size: cover;
		height: 500px;
		background-position: center center;	
	}	
}