#top .flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#top .section-cont {
    max-width: 140rem;
}

#middle {
    padding-left: 28.75rem;
}
#middle h2 {
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid white;
    margin-bottom: 6.25rem;
    font-size: 3.5rem;
    font-weight: 500;
}
#middle .flex {
    margin-top: 12.5rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
#middle .flex > div {
    width: 33.333333%;
    padding-left: 12.5rem;
    padding-right: 20rem;
    margin-bottom: 10rem;
    position: relative;
}
#middle .flex > div:before {
    content: '';
    width: 9.25rem;
    height: 9.75rem;
    background-image: url('../../images/iconos/descargas-pdf.svg');
    background-size: cover;
    background-position: left top;
    position: absolute;
    left: 0;
    top: 0;
}
#middle .flex h3 {
    margin-bottom: 2.5rem;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.5;
}
#middle #manual1 {
    order: 1;
    -webkit-order: 1;
}
#middle #manual2 {
    order: 4;
    -webkit-order: 4;
}
#middle #manual3 {
    order: 2;
    -webkit-order: 2;
}
#middle #manual5 {
    order: 3;
    -webkit-order: 3;
}
#middle #manual4 {
    order: 5;
    -webkit-order: 5;
}

#middle #manual6 {
    order: 6;
    -webkit-order: 5;
}

@media (max-width: 1399px) {
    #middle h2 {
        font-size: 4.5rem;
    }
}
@media (max-width: 1099px) {
    #middle .flex > div:before {    
        width: 9rem;
        height: 9.5rem;
    }

}
@media (max-width: 991px) {
    #middle {
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    #middle .flex {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #middle .flex > div {
        width: 100%;
    }
}