.font-1-xxl {
  font: 400 4rem “DM sans”, sans-serif;
}
.font-2-xxl {
  font: 700 4rem “DM sans”, sans-serif;
}
.font-1-xl {
  font: 700 3rem “DM sans”, sans-serif;
}
.font-2-xl {
  font: 700 2.5rem “DM sans”, sans-serif;
}
.font-1-m {
  font: 700 2rem “DM sans”, sans-serif;
}
.font-1-s {
  font: 700 1.5rem/1.5 “DM sans”, sans-serif;
}
.font-1-xs {
  font: 400 1.25rem/1.5 “DM sans”, sans-serif;
}
.font-1-xxs {
  font: 400 1rem/1.5 “DM sans”, sans-serif;
}

@media(max-width:800px){
  .font-1-xxl{
    font-size: 3rem;
  }
  .font-2-xxl{
    font-size: 3rem;
  }
  .font-1-xl{
    font-size: 2rem;
  }
  .font-1-s{
    font-size: 1.4rem;
  }
}
@media(max-width: 600px){
 
  .font-1-xxl{
    font-size: 2rem;
  }
  .font-2-xxl{
    font-size: 2rem;
  }
  .font-1-xl{
    font-size: 1.3rem;
  }
  .font-1-m{
    font-size: 1.2rem;
  }
  .font-1-s{
    font-size: 1.1rem;
  }
  .font-1-xs{
    font-size: 1rem;
  }

}