﻿.text-image-block {
  background: #F8F9FA 0% 0% no-repeat padding-box;
  display: flex;
  padding: 0;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .text-image-block {
    flex-direction: row;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .text-image-block .image {
    width: 47%;
  }
}
.text-image-block .image img {
  width: 100%;
}
.text-image-block.reverse {
  background: none;
}
@media (min-width: 768px) {
  .text-image-block.reverse {
    flex-direction: row-reverse;
  }
}
.text-image-block.reverse .text {
  flex-wrap: wrap;
  /*align-content: center;*/
}
.text-image-block.reverse .text p {
  max-width: 670px;
}
.text-image-block.reverse .image img {
  width: auto;
}
.text-image-block.reverse .image.top img {
  width: auto;
}
.text-image-block.bg-none {
  background: none;
}
.text-image-block .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px 30px 20px;
}
@media (min-width: 768px) {
  .text-image-block .text {
    width: 50%;
    margin-left: 100px;
    padding-right: 116px;
  }
}
.text-image-block .text h2 {
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .text-image-block .text h2 {
    margin-top: 0;
  }
}
.text-image-block .text p {
  max-width: 670px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/rapnet_core/Rapnet.Web/wwwroot/scss/text-image-block.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAC;EACG;EACA;EACA;EACA;EACA;;AAGA;EARH;IASO;IACA;;;AAQA;EAHJ;IAIQ;;;AAGJ;EACI;;AAIR;EAOI;;AAJA;EAHJ;IAIQ;;;AAKJ;EACI;AACA;;AAEA;EACI;;AAKJ;EACI;;AAQA;EACI;;AAQhB;EACI;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;IACA;IACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;;;AAIR;EACI;EACA;EACA;EACA%22%7D */