$headings-font-weight: 400;

@import "@css[shared]/base/type/_headings";

h1, .h1,
h4, .h4 {
   font-weight: $font-weight-bold;
}

@media screen and (max-width: $md - 1) {
   h1,
   .h1 {
      font-size: $font-size-h1-resp;
   }

   h2,
   .h2 {
      font-size: $font-size-h2-resp;
   }

   h3,
   .h3 {
      font-size: $font-size-h3-resp;
   }

   h4,
   .h4 {
      font-size: $font-size-h4-resp;
   }
}
