/* tamaños de fuentes */
h1{
    font: 400 2.4rem / 2.8rem var(--fuente);
    /* margin: 2rem 0; */
}
.h2-t1{
    font: 2.4rem / 2.8rem var(--fuente);
    /* margin-bottom: 2.5rem; */
}
.h2-t2{
    font: 500 1.6rem / 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{
    font: 2rem / 2.3rem var(--fuente);
}
.h3-t2{
    font: 400 2rem / 2.3rem var(--fuente);
}

@media (min-width: 768px){
    h1{
        font: bold 6rem / 7.3rem var(--fuente);
    }
    .h2-t1{
        font: 3.2rem / 3.75rem var(--fuente);
    }
    h3{
        font: 2.4rem / 2.8rem var(--fuente);
    }
    .h2-t4{
        font: 400 3.2rem / 3.7rem var(--fuente);
    }
}