.contact .inner-content {
  color: white;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -5vw;
  margin-bottom: 2em;
  /*@supports (display: grid) {
      display: grid;
      grid-template-areas: "info info" "hours form";
      grid-template-columns: 1fr 2fr;
      grid-gap: 10vw;
      margin: 0;

      .item {
          margin: 0;
      }

      .info-content{
          grid-area: info;
      }

      .opening-hours{
          grid-area: hours;
      }

      .contact-form{
          grid-area: form;
      }

      @media (min-width: 1200px) {
          grid-template-areas: "info hours form";
          grid-template-columns: 1fr 1fr 2fr;
      }
  }*/
}
.contact .inner-content .item {
  margin: 0 5vw;
}
.contact .inner-content .contact-form {
  flex: 2 2 400px;
  max-width: 800px;
}
.contact .inner-content .opening-hours {
  flex: 1 1 200px;
}
.contact .inner-content .opening-hours td {
  border-bottom: solid 1px rgba(255, 255, 255, 0.05);
}
.contact .inner-content .opening-hours .today {
  background: #005574;
}
.contact .inner-content .opening-hours .closed .details {
  display: block;
  font-size: 0.9em;
  margin-top: 0.2em;
  color: rgba(255, 255, 255, 0.6);
}
.contact .inner-content .info-content {
  flex: 1 1 300px;
}
.contact .inner-content .info-content .contact-item {
  display: flex;
  margin-bottom: 2em;
  font-size: 1.4em;
}
.contact .inner-content .info-content .contact-item i {
  display: inline-block;
  width: 2em;
  font-size: 1.5em;
  position: relative;
  top: 0.1em;
}
.contact .inner-content .info-content .contact-item small {
  display: block;
  font-weight: 300;
}