/************************************************
  SECTION 2 column
*************************************************/
.mds-section.section-2col .mds-row > .mds-d-flex { 
  gap: 50px;
}
.mds-section.section-2col .mds-row > .mds-d-flex > div { 
  flex-basis: 48%; 
  flex-grow: 0; 
  flex-shrink:1; 
}
.mds-section.section-2col img { max-width: 100%; display: inline; }

@media (max-width: 744px) {
  .mds-section.section-2col { padding: 40px 0; text-align: center; }
  .mds-section.section-2col .mds-row > .mds-d-flex { 
    gap: 25px;
  }
  .mds-section.section-2col.mds-rev .mds-row > .mds-d-flex { flex-direction: column-reverse; }
  .mds-section.section-2col img { display: inline; width: 100%; max-width: 450px; }
}