.content-50-50{
  position: relative;
  padding:60px 0;
  margin-bottom: 0;
}

.content-50-50 .background-texture{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: -1;
}

.content-50-50 .row {
   align-items: center;
}

.content-50-50 .left-content .cta-button{
  margin-top: 30px;
}

.content-50-50 h2 {
   margin-top: 0;
}

.content-50-50 .paint-title{
  margin: 0 0 4rem;
  max-width: none;
}

.content-50-50 .paint-title h2{
  font-size: 2.4rem;
}

.content-50-50 .left-content{
  display: flex;
  flex-wrap: wrap;
}
.content-50-50 .left-content p{
  width: 100%;
}
.content-50-50 .right-content {
   margin-top: 30px;
}

.content-50-50 .row.flip .left-content {
   order: 2;
   padding-left:3rem;
   padding-right:1rem;
}

.content-50-50 .row.flip .right-content {
   order: 1;
   text-align: left;
   padding-right:3rem;
   padding-left:0;
}

.content-50-50 .right-content img{
  width: 100%;
}

.content-50-50 .right-content .social-shares i {
   font-size: 44px;
   margin-right: 10px;
   transition: color 0.5s;
}

.content-50-50 .right-content .social-shares i:hover {
   color: #707070;
}

@media only screen and (min-width: 992px){
  .content-50-50 .right-content{
    padding-left: 3rem;
  }
  .content-50-50 .left-content{
    padding-right: 3rem;
  }
}

@media only screen and (min-width: 1024px) {
   .content-50-50 .right-content {
      margin-top: 0;
   }
   .content-50-50 .paint-title h2{
     font-size: 3.5rem;
   }
}

@media only screen and (min-width: 1280px) {
   .content-50-50 .right-content {
      text-align: right;
   }

   .content-50-50 .right-content .social-shares i {
      margin-left: 10px;
      margin-right: 0;
   }
}