/* Solutions */
.solutions{
    height: 120vh;
}
.solutions_content{
    gap: 5%;
    margin: 5% 0;
}
.solutions >div:nth-child(2n+1){
    background: gainsboro;
    padding: 2%;
}
.solutions >div:nth-child(2n){
    padding: 2%;
}
.solution{
    text-align: justify;
}
.solution h4{
    font-weight: bold;
}
.solution_img{
    vertical-align: middle;
}
.parameters{
    height: 100vh;
    background: var(--breadcumb);
    display: flex;
    align-items: center;
}
.frecuency{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.frecuency h3{
    text-align: center;
}
/* Queries*/
@media screen and (max-width: 768px) {
    h1, h2, h3, h4, h5, p{
        text-align: left;
    }
    h2{
        text-align: left;
    }
    .solutions{
        position: relative;
        height: 200vh;
    }
    .solution h4{
        text-align: left;
    }
    .solution_img {
        margin-bottom: 10%;
    }
}
@media screen and (min-width: 375px) and (max-width: 426px){
    .solutions {
        height: 330vh;
    }
    .order_2{
        order: 2;
    }
    .parameters{
        height: auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 10%;
        padding: 20% 0;
    }
    .parameters h3{
        text-align: left;
    }
    .frecuency{
        height: auto;
        padding: 20% 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 10%;
    }
    .frecuency h3{
        text-align: left;
        margin: 5% 0;
    }
}
@media screen and (max-width: 320px){
    .solutions {
        height: 330vh;
    }
    .solution_img {
        margin-bottom: 10%;
    }
    .order_2{
        order: 2;
    }
    .parameters{
        height: auto;
        padding: 20% 0;
    }
    .parameters h3{
        text-align: left;
    }
    .frecuency{
        height: auto;
        padding: 20% 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 10%;
    }
    .frecuency h3{
        text-align: left;
        margin: 2% 0;
    }
}