/* RESET */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{

    width:100%;
    height:100%;

    background:#ffffff;

    font-family:'Montserrat',sans-serif;

}

/* LANDING */

.landing{

    position:relative;

    width:100%;
    min-height:100vh;

    overflow:hidden;

}

/* IMAGEN */

picture{

    display:block;

    width:100%;
    height:100vh;

}

picture img{

    width:100%;
    height:100%;

    object-fit:contain;

    display:block;

}

/* TEXTO */

.overlay{

    position:absolute;

    inset:0;
	
	display:flex;

    justify-content:center;

    align-items:center;

    pointer-events:none;

}

.overlay h1{

    color:#ffffff;

    font-size:clamp(3rem,7vw,7rem);

    font-weight:800;

    letter-spacing:.08em;

    text-transform:uppercase;

    text-align:center;

    text-shadow:
        0 3px 10px rgba(0,0,0,.45),
        0 8px 25px rgba(0,0,0,.60);

}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width:768px){

    .overlay{

        align-items:flex-end;

        justify-content:center;

        padding-bottom:50px;

    }

    .overlay h1{

        font-size:clamp(2.2rem,9vw,3.5rem);

        line-height:1.1;

    }

}