h1, .h1, h2, .h3, h3, .h3, h4, .h4, h5, .h5 {font-family: "alternate-gothic-compressed", sans-serif;}

/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {
  h1 {font-size:60px; font-weight:800;}
  h2 {font-size:50px; font-weight:800;}
  h3 {font-size:40px; font-weight:800;}
  h4 {font-size:30px; font-weight:800;}
  h5 {font-size:25px; font-weight:800;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (min-width: 600px) {
  h1 {font-size:60px; font-weight:800;}
  h2 {font-size:50px; font-weight:800;}
  h3 {font-size:40px; font-weight:800;}
  h4 {font-size:30px; font-weight:800;}
  h5 {font-size:25px; font-weight:800;} 
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) {
  h1 {font-size:80px; font-weight:800;}
  h2 {font-size:70px; font-weight:800;}
  h3 {font-size:50px; font-weight:800;}
  h4 {font-size:30px; font-weight:800;}
  h5 {font-size:25px; font-weight:800;} 
}

/* Large devices (laptops/desktops, 992px and up) */
@media screen and (min-width: 992px) {
  h1 {font-size:100px; font-weight:800;}
  h2 {font-size:80px; font-weight:800;}
  h3 {font-size:50px; font-weight:800;}
  h4 {font-size:30px; font-weight:800;}
  h5 {font-size:25px; font-weight:800;}  
}