.container.text {
  display: flex;
}
.container.text .col {
  flex: 1;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-bottom: 80px;
  position: relative;
}
.container.text .col:first-child {
  padding-right: 20px;
}
.container.text .col:last-child {
  padding-left: 20px;
}
.container.text .col .image {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 80px);
  right: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  max-height: 750px;
}
.container.text .col a {
  color: #282828;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.container.text .col a:hover {
  color: #cbd7d6;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media all and (max-width: 840px) {
  .container.text {
    display: block;
  }
  .container.text .col {
    width: 100%;
    display: block;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .container.text .col:first-child {
    padding-bottom: 50px;
  }
  .container.text .col:last-child {
    min-height: 500px;
  }
  .container.text .col:last-child .image {
    width: 100%;
  }
}
/*# sourceMappingURL=text.css.map */