/* Script to edit headerbar & header content */

.menu-toggle {
  background-color: #117b8f;
}

.header-bar {
  max-height: 40px;
}

@media screen and (min-width: 800px) {
.site-branding {
  float: left;
  max-width: 40%;
}
}
@media screen and (min-width: 800px) {
.site-navigation {
  float: right;
  max-width: 60%;
}
}

/* Script to change Header colours */
h4, h2 {
    color: #117b8f;
}

/* custom  */
hr {
width: 100%;
height: 1px;
background-color:#117b8f;
color:#117b8f;
border: 0 none;
margin: 5px auto;
}

/* Script to fix height of header bar and overcome 'jumping' text issue with different browser width */
span.header-text {
    padding: 0;
    line-height: 40px;
}