.o-contact-intro{
  padding: 70px 0 50px;
  background-color: palette(secondary, 100);
}

.o-contact-intro__flex{
  @include mq(850) {
    display: flex;
    justify-content: flex-end;
  }
}

.o-contact-intro__image {

  @include mq($max: 850) {
    margin-bottom: 50px;
  }

  @include mq(850) {
    width: column(4);
    margin-right: column(1);
  }

  @include mq(1500) {
    width: column(3);
  }
}

.o-contact-intro__main {
  @include mq(850) {
    width: column(7);
  }
}

.o-contact-intro__text {
  max-width: 480px;

  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 35px;
    @include font(x2-large, 42, semi-bold);
    text-transform: none;
    color: palette(primary, 700);
  }
}

.o-contact-intro__button {
  margin-top: 25px;
}

.o-contact-intro__info {
  margin-top: 50px;

  @include mq(1100) {
    display: flex;
    max-width: 600px;
  }
}

.o-contact-intro__route-button {
  margin-top: 50px;
}


.o-contact-intro__info-col {

  @include mq($max: 1100) {
    @include owl(30px);
  }

  @include mq(1100) {
    &:nth-child(1) { width: 240px; }
    &:nth-child(2) { width: calc(100% - 240px); }
  }
}

.o-contact-intro__info-row {
  position: relative;
  display: block;
  @include owl(10px);
  padding-left: 35px;
  color: palette(primary, 700);
  transition: color 0.2s;
}

a.o-contact-intro__info-row {
  text-decoration: none;
  &:hover {
    text-decoration: underline;
    color: rgba(palette(primary, 700), 0.75);
  }
}


.o-contact-intro__info-link--phone {
  @include font-weight(semi-bold);
}

.o-contact-intro__info-icon {
  position: absolute;
  left: 0;
  top: 5px;
  display: inline-flex;
  justify-content: flex-start;
  width: 35px;

  svg {
    width: 15px;
    height: 18px;
  }

  &.o-contact-intro__info-icon--mail {
    svg{
      width: 18px;
    }
  }

  &.o-contact-intro__info-icon--phone {
    svg{
      height: 15px;
    }
  }
  &.o-contact-intro__info-icon--home {
    svg{
      height: 16px;
    }
  }
}