.main{
    min-height: 40vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url('../img/background.jpeg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center bottom;
}

.main::before{
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* background-color: rgba(27, 33, 107, 0.6); */
    background-color: rgba(52, 44, 206, 0.382);
}

.nosotros{
    background-color: rgb(252, 237, 237);
}

.content{
    color: #ffff;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: auto;
}

.content h2{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.eslogan{
    display: flex;
    align-items: center;
    justify-content: center;
}

.eslogan-img{
    display: flex;
    align-content: center;
    justify-content: center;
}

.contenido{
    padding: 50px !important;
}

.mision,
.vision,
.nuestros-valores{
    margin-bottom: 50px;
    background-color: #ffff;
}

.mision .col-8,
.vision .col-8,
.nuestros-valores .col-8{
    padding: 20px;
}

.mision h4,
.vision h4,
.nuestros-valores h4{
    font-size: 1.8rem;
    color: #030339;
    font-weight: 700;
}

.mision p,
.vision p,
.nuestros-valores p{
    color: #666666;
    font-weight: 500;
}

.pieza-1{
    background-color: blue;
}

.pieza-2{
    background-color: lightgrey;
}

.pieza-3{
    background-color: lightgrey;
}

.pieza-4{
    background-color: orange;
}

.pieza-5{
    background-color: green;
}

.pieza-6{
    background-color: lightgray;
}

.valores{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 800;
}

.servicio{
    color: #283470;
}

.confianza{
    color: #808184;
}

.compromiso{
    color: #030339;
}