.headerPrincipal .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerPrincipal-nav{
    display: flex;
}

.headerPrincipal-nav-link{
    display: flex;
    align-items: center;
}

.videoSpace{
    display: flex;
    align-self: center;
}

.productosInfo .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.mapa .container {
    display: flex;
    align-items: center;
}

/* Aquí inicia el CSS de alarmas.html, automatizacion.html, cercas.html, control-acceso.html, control-asistencia.html y videovigilancia.html */

.contenido {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

@media(max-width: 768px) {
	.headerPrincipal .container {
        display: flex;
		flex-direction: column;
		align-items: initial;
		text-align: center;
    }

    .headerPrincipal-nav{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}