



  .mm-2-col-text-image .mm-text-column-wrapper { 
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: center;   
  }

  .mm-2-col-text-image .mm-text-column-inner {
  padding-right: 70px;
  padding-left: 70px;
  } 

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



  .mm-text-column {
    background-color: #bec1c7;
   } 
   
   .mm-2-col-text-image h2 {
    color: #2B3C4B;
    background-color: #FFFFFF;
     padding: 20px;
     font-weight: 800;
     font-size: 70px;
     margin-bottom: 0;
   }
   
   .mm-2-col-text-image p {
    display: inline-block;
     color: #FFFFFF;
     background-color: var(--mm-cdu-orange);
      padding: 18px;
      font-weight: normal;
      font-size: 30px;
      font-family: 'IBM Plex Serif', 'Times New Roman', Times, serif;
      margin: 0;
      line-height: 1.4;
     }
  

     @media (min-width: 1200px) and (max-width: 1600px) {
    
      .mm-2-col-text-image h2 {
            font-size: 55px;
            padding-right: 50px;
            padding-left: 50px;
    
      }
      
      .mm-2-col-text-image .mm-text-column-inner {
        padding-right: 40px;
        padding-left: 40px;
        } 
      
      .mm-2-col-text-image p {
          font-size:28px;
  
        }
  
  
    } 
  
  @media (min-width: 768px) and (max-width: 1199px) {
    
    .mm-2-col-text-image h2 {
          font-size: 40px
  
    }
    
    .mm-2-col-text-image .mm-text-column-inner {
      padding-right: 15px;
      padding-left: 15px;
      } 
    
    .mm-2-col-text-image p {
        font-size:24px;

      }


  } 


  @media (max-width: 767px)  {
    
    .mm-2-col-text-image h1 {
  
      font-size: 36px
  
    }
    
    .mm-2-col-text-image .mm-text-column-inner {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left:20px;
      PAdding-right:20px;
      } 
    
      .mm-2-col-text-image p {
        font-size:24px;
        }

     

  } 

  @media (max-width: 576px)  {
    
    .mm-2-col-text-image h2 { 
  
      font-size: 40px
  
    }
    
    .mm-2-col-text-image .mm-text-column-inner {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left:20px;
      PAdding-right:20px;
      } 
    
      .mm-2-col-text-image p {
        font-size:24px;
        }

     

  } 