h1{
    font-family: Roboto;
    font-weight: 700;
    font-size: 56px;
    line-height: 125%;
}
h2{
    font-family: Roboto;
    font-weight: 700;
    font-size: 44px;
    line-height: 125%;
}
h3{
    font-family: Roboto;
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
}
h4{
    font-family: Roboto;
    font-weight: 600;
    font-size: 22px;
    line-height: 125%;
}
.subtitle1{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
}
.subtitle2{
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
}
.body1{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;  
}
.body2{
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;  
}
.body3{
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;  
}
.caption{
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    line-height: 125%;  
}
.caption1{
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;  
}
.button-small{
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;  
}
.button-large{
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;  
}