* {
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100vw;
    height: 100%;
    /* color: var(--primary-color); */
    background: #021E26;
    padding: 0;
    margin: 0;
}

.block-landing {
    padding: 5vw 0;
    margin: 0 auto;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    --size-logo: 19.375rem;
    --size-bilbao: 14rem;
    --size-ibiza: 13.125rem;
    --size-linea: 38.75rem;
    --size-icono: 6.25rem;
}

.logo { width: var(--size-logo); }
.bilbao { width: var(--size-bilbao); }
.ibiza { width: var(--size-ibiza); }
.linea { width: var(--size-linea); border-bottom: 2px solid #C5D2D6; margin: 1rem 0; }
.icono { width: var(--size-icono); }
.svg-holder { height: auto; }
.svg-holder svg { width: 100%; height: auto; }

.block-landing a {
    display: block;
    opacity: 1;
    transition: all .8s ease-out;
}

.block-landing a:hover {
    opacity: .6;
    transition: all .2s ease-out;
}


@media (max-width: 480px) {
    html {
        font-size: 12px;
    }
    .block-landing {
        --size-linea: 21rem;
    }
}

@media (min-width: 375px) {
    
}