body {
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #222D31;
    background: #E5E4DF;
  }
  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }
  dl {
      padding: 10vw;
      display: flex;
  }
  dl dt {
      width: 30%;
      text-transform: uppercase;
  }
  dl dt p {
      display: inline-block;
      padding: 2px 8px;
      background: #222D31;
      color: #fff;
      border-radius: 2px;
  }
  dl dt h1 {
      font-size: 64px;
      color: #94A6AC;
      line-height: 68px;
  }
  dl dd {
      padding: 10vw 10vw 10vw 0;
      width: 60%;
  }
  dl dd h3 {
      font-size: 32px;
      line-height: 2;
  }
  dl dd h6 {
      font-size: 16px;
  }
  dl dd div {
      padding: 20px 0;
      line-height: 2;
  }
  footer {
      position: fixed;
      padding: 0 2vw;
      bottom: 0;
      left: 0;
      right: 0;
      height: 44px;
      line-height: 44px;
      background: #222D31;
      color: #94A6AC;
  }
  footer a {
      margin: 0 20px;
      color: #94A6AC;
  }
  @media (max-width: 768px){
      dl {
          flex-direction: column;
      }
      dl dd {
          width: 100%;
      }
  }