@font-face { 
  font-family: 'Blogger';       /* название одно */ 
  src: url('../font/Blogger_Sans.woff'); /* разные файлы */ 
  font-weight: 400;              /* разная плотность */ 
  font-style: normal;
}
@font-face { 
  font-family: 'Blogger';       /* название одно */ 
  src: url('../font/Blogger_Sans-Bold.woff'); /* разные файлы */ 
  font-weight: 600;              /* разная плотность */ 
  font-style: normal; 
}
@font-face { 
  font-family: 'Blogger';       /* название одно */ 
  src: url('../font/Blogger_Sans-Light.woff'); /* разные файлы */ 
  font-weight: 300;              /* разная плотность */ 
  font-style: normal; 
}
@font-face { 
  font-family: 'Blogger';       /* название одно */ 
  src: url('../font/Blogger_Sans-Medium.woff'); /* разные файлы */ 
  font-weight: 500;              /* разная плотность */ 
  font-style: normal; 
}
@font-face { 
  font-family: 'Blogger';       /* название одно */ 
  src: url('../font/Blogger_Sans-Italic.woff'); /* разные файлы */ 
  font-weight: 400;              /* разная плотность */ 
  font-style: italic; 
}
h1 {
  font-size: 2.5rem;
}

@media (max-width: 575px) {
  h1 {
    font-size: 1.7rem !important;
  }
  .display-1{
    font-size: 4rem !important;
  }
  .display-2{
    font-size: 3.6rem !important;
  }
  .display-3{
    font-size: 3rem !important;
  }
  .display-4{
    font-size: 2.2rem !important;
  }
}


@media (min-width: 576px) and (max-width: 767px) {
  h1 {
    font-size: 1.9rem !important;
  }
  .display-1{
    font-size: 4.9rem !important;
  }
  .display-2{
    font-size: 4.5rem !important;
  }
  .display-3{
    font-size: 3.5rem !important;
  }
  .display-4{
    font-size: 2.6rem !important;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 2.1rem !important;
  }
  .display-1{
    font-size: 5.3rem !important;
  }
  .display-2{
    font-size: 4.9rem !important;
  }
  .display-3{
    font-size: 3.9rem !important;
  }
  .display-4{
    font-size: 2.9rem !important;
  }
}


@media (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 2.3rem !important !important;
  }
  .display-1{
    font-size: 5.6rem !important;
  }
  .display-2{
    font-size: 5.2rem !important;
  }
  .display-3{
    font-size: 4.2rem !important;
  }
  .display-4{
    font-size: 3.2rem !important;
  }
}