header {
  border-bottom: 1px solid #a20935;
  position: relative; /* for the menu drop down which will take it's position relative to the header */
}

/** Logo **/
 
#sitelogo img {
  float: left;
  height: 44px;
  width: auto !important; 
  padding: 13px 0 10px 0;
}

/** Top Navigation **/

#headernavregion  {
  padding: 21px 0 10px 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  overflow: auto;
}

#headernavregion ul { float: right; }
#headernavregion li { float: left; margin-left: 24px; }
#headernavregion a { color: #444; }
#headernavregion a.is-active { color: #a20935; }
#headernavregion a:hover { color: #a20935; text-decoration: none; }
#headernavregion li.menulink a {
  color: #fff;
  padding: 6px 36px 6px 10px;
  background-image: url(../../images/hamburger-white.png);
  background-repeat: no-repeat;
  background-size: 26px auto;
  background-position: right 6px top 7px;
  background-color: #a20935;
  margin-top: -6px;
  border-radius: 4px;
}
#headernavregion li.menuopen a {
  background-image: url(../../images/close-white.png);
  background-size: 28px auto;
  background-position: right 5px top 3px;
}

#headerlinks { display: none; }

@media screen and (min-width: 768px) {
 #menubutton { display: none; }
 #headerlinks { 
    display: block; 
    font-size: .9em;
  }
}

@media screen and (min-width: 920px) {
  #headerlinks {  
    font-size: 1em;
  }
}