/* Header */
#logo img {
  display: block;
  max-height: 70px;
  width: auto;
  padding:10px
}
.branding-elements {
  max-width: 50%;
  float: left;
  margin-bottom:20px;
}
.region-header {
  max-width: 50%;
  float: right;
}
#edit-keys-1 {
  border-radius: 4px;
  padding: 4px;
}
#block-block-62 {
  float:right;
  clear:both;
}
.social-media-icons a {
  margin: 4px;
  font-size: 20px;
  color: #487564;
}
/* Header responsive styling */
@media only screen and (max-width: 500px) {
  .branding-elements {
    max-width: 100%;
    float: left;
  }
  .region-header {
    max-width: 100%;
    float: left;
  }
  #block-block-62 {
    float:left;
  }
}