.mainheading {
  margin-top: 1em;
  margin-bottom: 2em;
}

.mainheading img {
  max-height: 100%;
}
  
.mainheading h1 {
  color: #0B2240;
  font-family: SuperclarendonBold;
  padding-right: 16px;
  border-right: 8px solid #0B2240;  
  margin-bottom: 0;
}

.mainheading h2 {
  color: #BC1D28;
  font-family: HansHandItalic;
  font-size: 18px;
  padding-right: 16px;
  border-right: 8px solid #BC1D28;
  margin-bottom: 0;
}

.mainheading {
  height: 80px;
}

.mainheading #jack {
  display: none;
}

.mainheading h1 {
  font-size: 23px;
  line-height: 40px;
}
.mainheading h2 {
  font-size: 9px;
  line-height: 40px;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  .mainheading {
    height: 98px;
  }
  
  .mainheading #jack {
    display: block;
  }  
  
  .mainheading h1 {
    font-size: 45px;
    line-height: 49px;
  }
  .mainheading h2 {
    font-size: 18px;
    line-height: 49px;
  }
}

@media (min-width: 992px) {
  .mainheading {
    height: 132px;
  }

  .mainheading h1 {
    font-size: 60px;
    line-height: 66px;
  }
  
  .mainheading h2 {
    font-size: 23px;
    line-height: 66px;
  }
}

@media (min-width: 1200px) {
  .mainheading {
    height: 154px;
  }
  
  .mainheading h1 {
    font-size: 70px;
    line-height: 77px;
  }
  
  .mainheading h2 {
    font-size: 28px;
    line-height: 77px;
  }
}