@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) ;
  }
  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw) ;
  }
  h3, .h3 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
  h4, .h4 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  h5, .h5 {
    font-size: calc(1.275rem) ;
  }
  h6, .h6 {
    font-size: calc(1rem) ;
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw) ;
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw) ;
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw) ;
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
  .close {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  .cover-tag{
	font-size: 1.0rem ;
  }
}
@media (max-width: 992px) {
  legend {
    font-size: calc(1.275rem) ;
  }
  h1, .h1 {
    font-size: calc(1.375rem) ;
  }
  h2, .h2 {
    font-size: calc(1.325rem) ;
  }
  h3, .h3 {
    font-size: calc(1.3rem) ;
  }
  h4, .h4 {
    font-size: calc(1.275rem) ;
  }
  h5, .h5 {
    font-size: calc(1rem) ;
  }
  h6, .h6 {
    font-size: calc(0.8rem) ;
  }
  .display-1 {
    font-size: calc(1.725rem) ;
  }
  .display-2 {
    font-size: calc(1.675rem) ;
  }
  .display-3 {
    font-size: calc(1.575rem) ;
  }
  .display-4 {
    font-size: calc(1.475rem) ;
  }
  .close {
    font-size: calc(1.275rem) ;
  }
  .cover-tag{
	font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  legend {
    font-size: calc(1.275rem) ;
  }
  h1, .h1 {
    font-size: calc(1.375rem) ;
  }
  h2, .h2 {
    font-size: calc(1.325rem) ;
  }
  h3, .h3 {
    font-size: calc(1.3rem) ;
  }
  h4, .h4 {
    font-size: calc(1.275rem) ;
  }
    h5, .h5 {
    font-size: calc(1rem) ;
  }
  h6, .h6 {
    font-size: calc(0.8rem) ;
  }
  .display-1 {
    font-size: calc(1.725rem) ;
  }
  .display-2 {
    font-size: calc(1.675rem) ;
  }
  .display-3 {
    font-size: calc(1.575rem) ;
  }
  .display-4 {
    font-size: calc(1.475rem) ;
  }
  .close {
    font-size: calc(1.275rem) ;
  }
  .cover-tag{
	font-size: 0.6rem;
  }
}
@media (max-width: 576px) {
  legend {
    font-size: calc(0.875rem) ;
  }
  h1, .h1 {
    font-size: calc(0.975rem) ;
  }
  h2, .h2 {
    font-size: calc(0.925rem) ;
  }
  h3, .h3 {
    font-size: calc(0.9rem) ;
  }
  h4, .h4 {
    font-size: calc(0.8rem) ;
  }
  h5, .h5 {
    font-size: calc(0.7rem) ;
  }
  h6, .h6 {
    font-size: calc(0.5rem) ;
  }
  .display-1 {
    font-size: calc(1.325rem) ;
  }
  .display-2 {
    font-size: calc(1.275rem) ;
  }
  .display-3 {
    font-size: calc(1.175rem) ;
  }
  .display-4 {
    font-size: calc(1.075rem) ;
  }
  .close {
    font-size: calc(0.875rem) ;
  }
  .cover-tag{
	font-size: 0.4rem;
  }
}