.two-col-block-wrapper .maxContainer{
  max-width: 1200px;
  margin: 0 auto;
}
.two-col-block .col2-flex{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.two-col-block .col2-flex > div{
  width: 50%;
}
.col2-flex .col2-img{
  text-align: center;
  padding: 40px;
}
.col2-flex .col2-content img{
  margin-bottom: 20px;
}
.col2-flex .col2-content h4{
  font-size: 22px;
  margin-bottom: 10px;
}
.col2-flex .col2-content .btn-wrap a{
  display: inline-block;
  margin: 20px 0 10px 0;
  color: #FFFFFF;
  text-decoration: none;
  padding: 10px 15px;
  background-color: #B9BF33;
  border: 0 solid;
  cursor: pointer;
  text-align: left;
  font: normal normal 400 18px/157% Open Sans, sans-serif;
  letter-spacing: 0px;
  border-width: 2px;
  border-color: #B8BF33;
  transition: all 0.4s linear 0s;
  text-transform: uppercase;
}
.col2-flex .col2-content .btn-wrap a:hover{
  background-color: transparent;
  color: #B8BF33;
}
.col2-flex.col-img-content{
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px){
  .two-col-block .col2-flex > div {
    width: 100%;
  }
  .col2-flex .col2-img{
    margin-bottom: 35px;
    padding: 0 20px;
    display: none;
  }
  .col2-flex .col2-img img{
    width: 80%!important;
  }
  .two-col-block .col2-flex,
  .col2-flex.col-img-content{
    flex-direction: column-reverse;
  }
  .col2-flex .col2-content .btn-wrap a{
    margin: 10px 0 10px 0;
  }
}