/**
 * This is an imagecroptextwithimagehero of an additional stylesheet that can be 
 * enqueued using the add_css module method. The files settings.css,
 * frontend.css and frontend.responsive.css don't need to be 
 * enqueued and will be included for you automatically.
 */

.imagecroptextwithimagehero {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.imagecroptextwithimagehero .col2, .imagecroptextwithimagehero .col1 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.imagecroptextwithimagehero .block-text {
  height: 100%;
  background-repeat: no-repeat;
  background-position: right -100px bottom -100px;
  background-size: 50% auto;
  margin: 10px;
}

.imagecroptextwithimagehero .block-text.text-block3 {
  height: 100%;
  background-repeat: no-repeat;

  background-position: right -140px bottom -40px;
  background-size:110% auto;
  margin: 10px;
}


.imagecroptextwithimagehero .block-text  > div{
  max-width: 60%;
}


.imagecroptextwithimagehero h2 {
  font-size: 28px
}

@media screen and (max-width: 768px) {
  .imagecroptextwithimagehero .block-text.text-block3 {
    padding-top: 40px;
    padding-bottom: 250px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #f7f7f7;
  }
}