#event-venue {
  background: url(../img/contact/background.png) center /cover no-repeat;
  color: @font-light;
  font-family: elektra_light_proregular;

  h2 {
    border: 1px solid #000000;
    display: inline-block;
    font-size: 47em / 16;
    padding: 1rem 2rem;
  }
  b {
    font-family: elektra_light_probold;
    font-size: 23.5rem /16;
    text-transform: uppercase;
  }

  span, .contact div a {
    font-size: 19.5rem / 16;
    font-family: elektra_light_proregular;
    line-height: 2em;
  }
  .website {
    font-family: elektra_light_probold;
    font-size: 27rem / 16;
  }
  a {
    color: #ffffff;
  }
  .address {
    .make-md-column(6);
    transform: translateY(3rem);
    > div {
      margin-left: 30px;
    }
    .icon-location {
      float: left;
      margin-left: -30px;
    }
  }
  .contact {
    .make-md-column(4);
    .make-md-column-offset(8);
    transform: translateY(-5rem);
    .contact-logo {
      display: none;
    }
    .contact-person{
      margin-bottom: 20px;
      div, span {
        position: relative;
      }
    }
  }
}

// Responsive adaptations
@media (max-width: 1000px) {
  #event-venue {
    background: none;
    h2 {
      font-size: 24px;
      padding: 1rem 0;
      width: 100%;

    }
    .address, .contact {
      width: 100%;
      transform: translateY(0);
      text-align: center;
      padding-bottom: 50px;
      > div {
        text-align: left;
        margin-left: 3em;
      }
    }
    .address {
      background-color: #0e84bf;
    }
    .contact {
      background-color: #006da4;
      padding-top: 50px;
      border-top: 3px solid white;
      .contact-logo {
        display: block;
        position: absolute;
        z-index: 100;
        opacity: 0.99;
        left: 50%;
        margin-left: -50px;
        top: -40px;
        background-color: #fff;
        border-radius: 10px;
        border: 0px solid white;
      }
      .contact-person{
        div, span {
          position: relative;
        }
        .contact-email:after, .contact-phone:after, .contact-mobile:after {
          top: -6px
        }
      }
    }
  }
}

@media (min-width: 1001px) {
  .contact {
    text-align: right;
    .contact-person {
      margin-bottom: 20px;
      float: right;
      text-align: right;
      margin-right: 30px;
    }
    .contact-email:after, .contact-phone:after, .contact-mobile:after {
      right: -2em;
      top: -6px
    }
  }
}