/*
PALETA COLORES
Azul = #0164a6
Rojo = #e52528
*/
*
.panel-principal {
    background-image: url(img/depositphotos_44334849-stock-photo-cassava-tree.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.panel-principal .container .row {
    height: 20vw; /*damos tamaño para poder hacer que la imagen de fondo se vea mas*/
}

@media screen and (max-width: 1450px) { /*este es para ajustar el donfo de las matas*/
    .panel-principal .container .row {
        height: 30vw;
    }
}

@media screen and (max-width: 900px) { /*este es para ajustar el donfo de las matas*/
    .panel-principal .container .row {
        height: 90vw;
    }
}

.panel-principal .row .col {
    background-color: white;
    padding: 5% 20%;
    margin: 2% 10%;
    border-radius: 20px;
    background: #f5ede6;
}

.panel-principal .row .texto1 h2 {
    color: #0164a6;
}

.panel-principal .row .texto2 h2 {
    color: #e52528;
}




.panel-siguiente .azul img {
    border: 1vh solid #0164a6;
    ;
    border-radius: 100%;
}

.panel-siguiente .blanco img {
    border: 1vh solid white;
    ;
    border-radius: 100%;
}

.panel-siguiente img {
    height: 300px;
    padding: 1%;
}

@media screen and (max-width: 350px) {
    .panel-siguiente img {
        height: 200px;
    }
}

@media screen and (max-width: 250px) {
    .panel-siguiente img {
        height: 150px;
    }
}

.panel-siguiente .fondo-rojo {
    background-color: #e52528;
    color: white;
}

.panel-siguiente .row {
    padding: 5%;
}

.panel-siguiente .mision {
    color: black;
}