/*Fondo de sección presentación de tamaño completo acorde a la altura del header
de escritorio*/
.seccion-presentacion {
    /*Posicionando imagen de fondo con las siguientes propiedades:
        - center: Centrando horizontal y verticalmente la imágen de fondo.
        */
    background-image: linear-gradient(90deg, rgba(245, 245, 245, 0.575) 50%,
            rgba(245, 245, 245, 0.575) 100%), url('../img/fondo/fondo.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
}

/*Tablets y celulares grandes u horizontales*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .seccion-presentacion {
        /*Posicionando imagen de fondo con las siguientes propiedades:
        - top.
        del header fijo.
        */
        background-image: linear-gradient(90deg, rgba(245, 245, 245, 0.575) 50%,
                rgba(245, 245, 245, 0.575) 100%), url('../img/fondo/fondo_mobile.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: bottom;
        height: 100vh;
    }
}

/*Celulares verticales*/
@media only screen and (min-width: 0px) and (max-width: 767px) {

    /*Estableciendo fondo para celular*/
    .seccion-presentacion {
        /*Posicionando imagen de fondo con las siguientes propiedades:
        - top.
        del header fijo.
        */
        background-image: linear-gradient(90deg, rgba(245, 245, 245, 0.575) 50%,
                rgba(245, 245, 245, 0.575) 100%), url('../img/fondo/fondo_mobile.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 100vh;
        width: 100%;
    }
}