/* tamaños de fuentes */
h1{
    font: 700 3.2rem / 3.9rem var(--fuente);
    /* margin: 2rem 0; */
}
.h2-t1{
    font: 700 4rem / 4.8rem var(--fuente);
    /* margin-bottom: 2.5rem; */
}
.h2-t2{
    font: 400 1.4rem / 2.4rem var(--fuente);
}
.h2-t3{
    font: 300 2.6rem / 2.8rem var(--fuente);
}
.h2-t4{
    font: 400 2.4rem / 2.8rem var(--fuente);
}
.h3-t1, .h3-t2{
    font: 600 2.4rem / 2.9rem var(--fuente);
}
.h3-t2{
    /* font: 400 2rem / 2.3rem var(--fuente); */
}
.quote{
    font: 1.6rem / 3.2rem var(--fuente);
    /* font: 2.6rem / 3.4rem var(--fuente); */
}

@media (min-width: 768px){
    h1{
        font: bold 6.4rem / 7.8rem var(--fuente);
    }
    .h2-t1{
        font: bold 4rem / 4.8rem var(--fuente);
    }
    .h3-t1{
        font: 600 3.2rem / 3.9rem var(--fuente);
    }
    .h3-t2{
        font: 2.4rem / 2.8rem var(--fuente);
    }
    .quote{
        font: 2.4rem / 3.2rem var(--fuente);
        /* font: 2.6rem / 3.4rem var(--fuente); */
    }
    .h2-t4{
        font: 400 3.2rem / 3.7rem var(--fuente);
    }
}