h1, .h1, h2, .h3, h3, .h3, h4, .h4, h5, .h5 {font-family: 'ff-ernestine-pro', sans-serif;}

/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {
  h1 {font-size:35px; font-weight:900;}
  h2 {font-size:28px; font-weight:900;}
  h3 {font-size:20px; font-weight:900;}
  h4 {font-size:18px;}
}

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

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) {
  h1 {font-size:75px; font-weight:900;}
  h2 {font-size:35px; font-weight:900;}
  h3 {font-size:25px; font-weight:900;}
  h4 {font-size:20px;} 
}

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