header {
  width: 100%;
  height: 10vw;
  background-color: #DC2B19;
  position: relative;
  z-index: -1; }
  header .shadow {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-box-shadow: inset 0 -2px 5px 0 rgba(0, 0, 0, 0.16), inset 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 -2px 5px 0 rgba(0, 0, 0, 0.16), inset 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
    top: 0;
    left: 0; }
  header div {
    float: left;
    width: 35vw;
    height: 100%;
    position: relative; }
    header div h1 {
      margin: 0;
      color: white;
      text-align: center;
      font-size: 3vw;
      font-weight: bold;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(25%, -50%);
      -ms-transform: translate(25%, -50%);
      transform: translate(25%, -50%); }
    header div #years {
      font-weight: bold;
      font-size: 3.5vw;
      color: #1F1A17; }
  header img {
    height: 100%; }
    header img.logo {
      float: right; }

@media only screen and (orientation: portrait) {
  header {
    height: 20vw; } }