.two-col-feature {
    display: flex;
   flex-direction: row;
  flex-wrap: wrap;
}

.column-text{
   
   background-size: cover;
   /*background-position: 50% 50%;*/
   background-repeat: no-repeat;
   max-width: 100%;
   height: 100vh;
  overflow:hidden;
  flex: 50%;

  }
.col.column-image {
    min-height: 388px;
}
.column-image{
   
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   max-width: 100%;
   height: 50vh;
    overflow:hidden;
  flex: 50%;

  }

.two-col-feature.img-left {
    flex-direction: row-reverse;
}



.col {
  width: 50%;
  height:auto;
  
  
  flex-direction: column;
 
  justify-content: center;
  
 
  
  
}



.inner-col {
    float: right;
    position: relative;
}

.feature-text-heading { 
    font-style: normal;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    
}




.inner-col img {
  width: 100%;
  display: block;
  height: 43.75rem;
}

.column-text.white_color {
    background-color: white;
    color: #000;
}



.column-text.black_color {
    background-color: black;
    background-image: none;
    color: #ffffff;
}

.column-text.red_color {
   
  background-color:rgba(236, 77, 51, 0.9);
    
  
  color: #ffffff;
}

  .feature-text-button:link,
      .feature-text-button:visited {
        font-size: 25.8612px;
        font-weight: 500;
        background-color: none;
        color: #fff;
        text-decoration: none;
        display: inline-block;
        padding: 17px 46px 17px 46px;
        border-radius: 58px;
        border: 3px solid #FFFFFF;
        font-family: 'Roboto';
        
      }

@media (max-width: 75em) { 
  .feature-text-heading {
     font-size: 2.75rem; 
  }
  
  


}

@media (max-width: 64em) { 
 
  
  
  
  .inner-col {
 
    margin-left: 0px;
    /* width: 100rem; */
    padding: 20px !important;
    float: none!important;
    margin: auto;
    margin: 0 auto;
    max-width: 100%!important;
}
  
}



@media (max-width: 51.6em) { 
 .col {
    flex: 100%;
  }
  
  .feature-text-button:link,
      .feature-text-button:visited {
        font-size: 1.5rem;
        padding: 0.6rem 2.75rem;
      }

}

@media (max-width: 25.75em) { 
  
    .feature-text-heading {
     font-size: 2.25rem; 
  }
  
  .inner-col p { 
     
    
  }
  
    .inner-col {
   
   
  
}

}