/* * DESIGN & DEVELOPMENT BY: Antonio Salazar
 * Email: siemprenegoceando@gmail.com
 * -------------------------------------------------------
 */

.section-container {
    height: 100vh;
    width: 100%;
    max-width: 100%;
}

.section-parametros {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* overflow: hidden; */
    /* Muy importante para evitar barras de desplazamiento */
}

.carrusel_home {
    height: 100vh;
}

.about {
    width: 100%;
    height: 100vh;
}

.materiales_r {
    width: 100%;
    height: 100vh;
}

.estadisticas {
    width: 100%;
    height: 100vh;
}

.galeria {
    width: 100%;
    height: 100vh;
}

.clientes {
    width: 100%;
    height: 100vh;
}

.margin-menu {
    margin-top: 5%;
}

@media (min-width: 320px) and (max-width: 480px) {
    .section-container {
        height: 80vh;
        width: 100%;
        max-width: 100%;
    }

    .section-parametros {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        /* overflow: hidden; */
        /* Muy importante para evitar barras de desplazamiento */
    }

    .carrusel_home {
        height: 50vh;
    }

    .about {
        width: 100%;
        height: 100vh;
    }

    .materiales_r {
        width: 100%;
        height: 100vh;
    }

    .estadisticas {
        width: 100%;
        height: 100vh;
    }

    .galeria {
        width: 100%;
        height: 100vh;
    }

    .clientes {
        width: 100%;
        height: 100vh;
    }

    .margin-menu {
        margin-top: -45%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .section-container {
        height: 75vh;
        width: 100%;
        max-width: 100%;
    }

    .section-parametros {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        /* overflow: hidden; */
        /* Muy importante para evitar barras de desplazamiento */
    }

    .carrusel_home {
        height: 50vh;
    }

    .about {
        width: 100%;
        height: 100vh;
    }

    .materiales_r {
        width: 100%;
        height: 100vh;
    }

    .estadisticas {
        width: 100%;
        height: 100vh;
    }

    .galeria {
        width: 100%;
        height: 100vh;
    }

    .clientes {
        width: 100%;
        height: 100vh;
    }

    .margin-menu {
        margin-top: -45%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .section-container {
        height: 75vh;
        width: 100%;
        max-width: 100%;
    }

    .section-parametros {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        /* overflow: hidden; */
        /* Muy importante para evitar barras de desplazamiento */
    }

    .carrusel_home {
        height: 100vh;
    }

    .about {
        width: 100%;
        height: 100vh;
    }

    .materiales_r {
        width: 100%;
        height: 100vh;
    }

    .estadisticas {
        width: 100%;
        height: 100vh;
    }

    .galeria {
        width: 100%;
        height: 100vh;
    }

    .clientes {
        width: 100%;
        height: 100vh;
    }

    .margin-menu {
        margin-top: 5%;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {}

@media (min-width: 1201px) and (max-width: 1399px) {}

@media (min-width: 1400px) and (max-width: 2400px) {}