@font-face {
  font-family: 'oic-icons';
  src: url("../fonts/oic-icons.eot?-zenwrk");
  src: url("../fonts/oic-icons.eot?#iefix-zenwrk") format("embedded-opentype"), url("../fonts/oic-icons.woff?-zenwrk") format("woff"), url("../fonts/oic-icons.ttf?-zenwrk") format("truetype"), url("../fonts/oic-icons.svg?-zenwrk#oic-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
html body .branding {
  margin: 1.5rem 0;
  position: relative;
  z-index: 2;
}
html body .branding__site-logo {
  display: block;
  max-width: 210px;
  margin: 0;
  max-width: 124px;
  margin-left: 16px;
}
html body .branding__site-logo-link {
  display: block;
  opacity: 1;
  transition: all 0.25s linear;
}
html body .branding__site-logo-link:link {
  border: 0 none;
}
html body .branding__site-logo-link:visited {
  border: 0 none;
}
html body .branding__site-logo-link:hover {
  border: 0 none;
  opacity: 0.7;
}
html body .branding__site-logo-link:focus {
  border: 0 none;
  opacity: 0.7;
}
html body .branding__site-logo-link:active {
  border: 0 none;
  opacity: 0.7;
}
html body .branding__site-logo-image {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 0 none;
}
html body .branding__site-name {
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
html body .branding__site-slogan {
  display: block;
  max-width: 320px;
  width: 100%;
  background: #008fd5;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 1.3rem 0.8rem;
  margin: 1rem 0;
}
html body .branding__site-slogan::before {
  display: table;
  content: '';
  clear: both;
}
html body .branding__site-slogan::after {
  display: table;
  content: '';
  clear: both;
}