.banner__mobile {
    background-image: url(../img/banner-mobile.png);
    background-size: cover;
    height: fit-content;
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
}

.conoce__cont--two {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 10px;
}

.banner__cont {
    padding: 30px 15px;
}

.banner__title {
    font-size: 30px;
    font-weight: normal;
    color: #FFF;
}

.banner__descargas {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.descargas__img {
    width: 112px;

    margin-bottom: 15px;
}

.que__cont {
    margin-top: 60px;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.que__title {
    color: #66308C;
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
}

.features__cont {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 20px;
}

.feature__cont {
    display: flex;
}

.feature__img {
    width: 50px;
    height: 46px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.feature__text {
    font-size: 18px;
    font-weight: normal;
    color: #2B1937;
    line-height: 22px;
}

.que__img {

    width: 150px;
    align-self: center;
}

.sigue {
    background-color: #EFEAF3;
    margin-top: 60px;
}

.sigue__cont {
    padding: 60px 15px;
    display: flex;
    flex-direction: column;
}

.sigue__cont--desk {
    display: flex;
    flex-direction: column;
}

.feature2__cont {
    display: flex;
}

.sigue__title {
    color: #66308C;
    font-size: 24px;
    margin-bottom: 20px;
}

.feature2__img {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.feature2__img--fix {
    padding-left: 5px;
}

.sigue__img {
    width: 150px;

    align-self: center !important;
}

/* descuides */
.descuides {
    background-color: #FFF;
    margin-top: 60px;
}

.descuides__cont {
    padding: 0px 15px;
    display: flex;
    flex-direction: column;

}

.descuides__cont--desk {
    display: flex;
    flex-direction: column;
}

.descuides__img {

    width: 150px;

    align-self: center;
}

.feature3__cont {
    display: flex;
}

.descuides__title {
    color: #66308C;
    font-size: 24px;
    margin-bottom: 20px;
    align-self: center;
}

.feature3__img {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    margin-bottom: 20px;
}

/*  consulta  */
.consulta {
    background-color: #66308C;
}

.consulta__cont {
    padding: 60px 15px;
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}


.consulta__img {
    width: 150px;
    align-self: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.feature3__cont {
    align-items: flex-start;
    margin-top: 20px;
}

.feature3__text {
    color: #FFF;
    font-weight: 200;
    font-size: 18px;
}

.feature3__text--bold {
    font-weight: 500;
}

.feature3__img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}


/* conoce */
.conoce__cont {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}

.conoce__img {
    margin-top: 60px;
    width: 150px;
    align-self: center;
    margin-bottom: 30px;
}

.feature4__cont {
    margin-top: 20px;
    display: flex;
    align-items: center;

}

.feature4__img {
    width: 52px;
    height: auto;
    margin-right: 10px;

}

.feature4__text {
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
}

/* consulta */
.lista {
    background-color: #66308C;
}

.lista__cont {
    display: flex;
    flex-direction: column;

    padding: 60px 15px;
    margin-top: 60px;
    justify-content: center;
    align-items: center;

}

.features5__cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.lista__title {
    color: #fff;
    font-size: 24px;
    align-self: flex-start;
    font-weight: 500;
    line-height: 31px;
}

.features5__img {
    width: 80px;
    height: 80px;
    margin-top: 20px;
}

.features5__text {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 200;
    line-height: 24px;
}

/* phones */
.phones__cont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 60px;
}

.phone__img {
    width: 150px;

    margin-bottom: 20px;
}

.br-desk {
    display: none;
}


.feature4__text--color {
    color: #66308C !important;

}

/* Media Queries */
/* Media Queries */
@media screen and (min-width: 350px) {
    .lista__title {
        text-align: center;
    }

    .sigue__title {
        text-align: center;
    }

    .feature2__cont .br-mobile {
        display: none;
    }

    .que__title .br-mobile {
        display: none;

    }

    .sigue__title .br-mobile {
        display: none;
    }

    .que__title {
        text-align: center;
    }

    .feature2__cont {

        justify-self: flex-start;

    }

    .descuides__title {
        text-align: center;
    }
}

@media screen and (min-width: 500px) {
    .banner__mobile {
        background-image: url(../img/banner-mobile.png);
        background-size: cover;
        height: 500px;

        background-repeat: no-repeat;
        background-position: right bottom;
        width: 100%;
    }
}

@media screen and (min-width: 600px) {

    .banner__title {
        font-size: 40px;
    }

    .banner__title br {
        display: none;
    }


}

@media screen and (min-width: 600px) and (max-width: 900px) {
    .descargas__img {
        width: 200px;

    }

    .sigue__cont--desk {
        margin-top: 20px;
        justify-content: center;
        align-items: center;
    }

    .descuides__cont {
        justify-content: center;
        align-items: center;
    }

    .consulta__cont {
        justify-content: center;
        align-items: center;

    }

    .feature3__cont {
        width: 280px;
    }

    .conoce__cont {
        max-width: 80%;
    }

    .descargas__img {
        width: 170px;
    }

}





@media screen and (min-width: 900px) {
    .banner__mobile {
        background-image: url(../img/banner__desk.jpg);
        background-size: cover;
        height: 500px;

        background-repeat: no-repeat;
        background-position: right bottom;
        width: 100%;
    }

    .banner__title .br-desk {
        display: block;
    }

    .descargas__img {
        width: 120px;
        margin-right: 15px;

    }

    /* .wrapper {
        max-width: 800px;
    } */

    .br-mobile {
        display: none;
    }

    .br-desk {
        display: block;
    }

    .banner__mobile {
        background-size: cover;
        background-position: center;

    }

    .que__title {
        text-align: left;
        font-size: 36px;
    }

    .sigue__title {
        text-align: left;
        font-size: 36px;
        align-self: flex-start;
    }

    .feature__text {
        font-size: 26px;
        line-height: 32px;


    }

    .feature__img {
        width: 80px;
        height: 70px;

    }


    .feature2__img {
        width: 80px;
        height: 70px;

    }

    .feature__img--marginl {
        margin-left: 15px;
    }


    .banner__cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
    }

    .banner__descargas {
        flex-direction: row;
    }

    .features__cont {
        margin-top: 40px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "f1 que-img f2";
    }

    .feature__cont:first-child {
        display: flex;
        flex-direction: row-reverse;
        grid-area: f1;
        height: 100%;
    }

    .que__img {
        grid-area: que-img;

        justify-self: center;
    }

    .feature__cont:nth-child(2) {
        display: flex;
        flex-direction: column;
        grid-area: f2;
        height: 100%;
        justify-content: flex-end;
    }

    /* sigue */
    .sigue__title {
        text-align: center;
    }

    .sigue__cont--desk {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "s1 simg s2";
    }

    .feature2__cont:nth-child(1) {
        grid-area: s1;
        display: flex;
        flex-direction: column;

    }

    .feature2__cont:nth-child(2) {
        grid-area: s2;
        display: flex;
        align-items: flex-end;
        justify-content: center;

    }

    .feature2__cont:nth-child(1) br {
        display: none;

    }

   
    .feature2__img--fix {
        margin-bottom: 0;
        width: 60px;
    }

    .feature__cont .feature__text br {
        display: none;
    }


    .sigue__img {

        grid-area: simg;
        display: grid;
        align-self: center;
        justify-self: center;

    }

    .conoce__cont--two {
        display: flex;
        flex-direction: row-reverse;
    }


    .feature4__cont--two {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 40px;

    }

    .conoce__img {
        width: 230px;
        height: auto;
    }

    .cont__feature4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* descuides */
.descuides__title{
    font-size: 36px;
    text-align: left;
    align-self: flex-start;
}
    .descuides__cont--desk {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "d1 dimg d2";
    }

    .descuides .descuides__features:nth-child(1) {
        grid-area: d1;
    }

    .descuides__img {
        grid-area: dimg;


        justify-self: center;
    }

    .descuides .descuides__features:nth-child(2) {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 100%;
        grid-area: d2;

    }

    .descuides .feature2__cont {
        flex-direction: column;
    }


    .consulta__cont {
        display: grid;
        grid-template-columns: 35% 30% 35%;
        grid-template-areas:
            "c1 cximg c2"
            "c3 cximg c4"
            "c5 cximg c6";

    }

    .feature3__cont:nth-child(1) {
        grid-area: c1;
        flex-direction: row-reverse;
    }

    .feature3__cont:nth-child(2) {
        grid-area: c3;
        flex-direction: row-reverse;
    }

    .feature3__cont:nth-child(3) {
        grid-area: c5;
        flex-direction: row-reverse;
    }

    .feature3__cont:nth-child(4) {
        grid-area: c2;
    }

    .feature3__cont:nth-child(5) {
        grid-area: c4;
    }

    .feature3__cont:nth-child(6) {
        grid-area: c6;
    }
    .feature3__text--bold{
        font-size: 26px;
    }

    .feature3__text--bold{
        font-size: 26px;
    }
     
    .feature3__img{
        width: 70px;
        height: 70px;
        margin: 5px;
    }
    .consulta__img {
        grid-area: cximg;
        height: 85%;
        width: 100%;


        justify-self: center;
    }

    .conoce__cont {
        /* min-width: 100%; */
        margin-top: 50px;
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-areas:
            "cphone clogo"
            "cphone cn1"
            "cphone cn2"
        ;
        grid-template-rows: 100px 100px 100px;

    }
  
    .conoce__cont> :nth-child(1) {
        grid-area: cphone;

        width: 100%;
    }

    .conoce__cont> :nth-child(2) {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        grid-area: clogo;
        height: auto;
        width: 60%;
        margin: 0;
    }

    .conoce__cont> :nth-child(3) {
        grid-area: cn1;
        margin: 0;
    }

    .conoce__cont> :nth-child(4) {
        grid-area: cn2;
        margin: 0;
    }


    .conoce__cont--two{
       
        margin-top: 200px;
        display: grid;
        grid-template-columns: 70% 30% ;
        grid-template-areas:
            "tw0 twphone "
            "tw1 twphone"
            
        ;
        grid-template-rows: 100px 100px 100px;
      

    }
    .conoce__cont--two> :nth-child(1) {
         
        grid-area: twphone;
        width: 100%;
         
    }
    .conoce__cont--two> :nth-child(2) {
         
        grid-area: tw0;
         display: flex;
         justify-content: flex-start;
         align-items: center;
        
    }
    .conoce__cont--two> :nth-child(3) {
        justify-content: flex-start;
        grid-area: tw1;
        align-items: center;
    }
    

    .conoce__cont--two .feature4__text{
        font-size: 18px;
        line-height: 22px;
        font-weight: 300;
        margin-right: 15px;
    }

     .conoce__cont--two .feature4__text .br-mobile{
       display: none;
    } 

    /* .br-desk-2{
        display: block;
    } */
    /* lista */
    .lista__title {
        align-self: center;
    }

    .lista__cont--desk {
        flex-direction: row;
        display: flex;
    }


    .phones__cont {
        flex-direction: row;
        justify-content: space-between;
    }
    .phone__img{
        width: 200px;
    }
}