@font-face {
    font-family: 'Mojito-Web';
    src: url('../fonts/mojitoWeb/mojito-web.ttf') format('truetype');
}


.big-banner{
    background: #fff;   
    background-image: url("../img/banner.webp");
    background-repeat: no-repeat;
    background-position: center center;
    height: clamp(25rem, 22.606rem + 10.638vw, 31.25rem); 
    background-color: #fff;
}

.big-banner h1{
    color: var(--second-color);
    font-family: 'Mojito-Web', sans-serif;
    font-size: 64px;
    line-height: 68px;
}

.big-banner img{
    width: clamp(22.5rem, 12.926rem + 42.553vw, 47.5rem);
    pointer-events: none;
    user-select: none;
    cursor: not-allowed;
    z-index: -1;
}

@media(max-width: 1299px){
    .contenedor.big-banner{
        width: 100%;
    }
}

@media(max-width: 700px){
    .contenedor.big-banner {
        background-position: 0 100%;
        background-size: 100%;
    }
    
    .contenedor.big-banner {
        align-items: baseline;
    }
}