@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.type-roboto {
    font-family:'Roboto', sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 300;
}
.type-roboto h1, .type-roboto h2, .type-roboto h3, .type-roboto h4, .type-roboto h5, .type-roboto h6 {
    font-family:'Roboto', sans-serif; /* prevent override by css framework */
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.2;
}        

.type-roboto h1 {font-size: 2.5rem;}
.type-roboto h2 {font-size: 2rem;}
.type-roboto h3 {font-size: 1.75rem;}
.type-roboto h4 {font-size: 1.6rem;}
.type-roboto h5 {font-size: 1.48rem;}
.type-roboto h6 {font-size: 1.3rem;}

.type-roboto h1 { margin: 1.2rem 0 1.2rem; } /* prevent override by css framework */
.type-roboto h2 { margin: 1rem 0 1rem; }
.type-roboto h3 { margin: 1rem 0 1rem; }
.type-roboto h4 { margin: 0.5rem 0 0.5rem; }
.type-roboto h5 { margin: 0.5rem 0 0.5rem; }
.type-roboto h6 { margin: 0.5rem 0 0.5rem; }

.type-roboto .display { margin-bottom: 0.5rem; }
.type-roboto .display h1 {
    font-weight: 600;
    font-size: 3rem;
    letter-spacing: 0px;
    line-height: 1.1;
    margin: 0.4rem 0 1rem;
}
.type-roboto .display p {
    font-size: 1.4rem;
    line-height: 1.4;
}