.foo .mm-2-col-text-carousel .mm-text-column-wrapper { 
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items:  flex-start;   
    justify-content: flex-start;   
  }



  .mm-2-col-text-carousel .mm-image-column img {
    width: 100%;
    height: auto;
    display: block;
  }


  
   
   .mm-2-col-text-carousel h2 {
       padding: 10px;
     font-weight: 800;
     font-size: 45px;
 
     margin-bottom: 0;
   }
   
   .mm-2-col-text-carousel h3 {

     padding-left: 10px;
      padding-right: 10px;
     padding-top:4px;
      padding-bottom:10px; 
     font-weight: 400;
     font-size: 30px;
    
   
     margin-bottom: 20px;
   }


   .mm-2-col-text-carousel p {
 
  
      padding: 0px;
      font-weight: normal;
      font-size: 19px;
    
      margin: 0;
      line-height: 1.2;
     }
     


  
  @media (min-width: 768px) and (max-width: 1199px) {
    
    .mm-2-col-text-carousel h2 {
          font-size: 30px
  
    }
    
    .mm-2-col-text-carousel .mm-text-column-inner {
      padding-right: 20px;
      padding-left: 20px;
      } 
    
    .mm-2-col-text-carousel p {
        font-size:16px;

      }


  } 


  @media (max-width: 767px)  {
    
    .mm-2-col-text-carousel h1 {
  
      font-size: 40px
  
    }
    
    .mm-2-col-text-carousel .mm-text-column-inner {
      padding-top: 40px;
      padding-top: 40px;
      } 
    
      .mm-2-col-text-carousel p {
        font-size:14px;
        }

     

  }