@media (max-width: 1023px) {
    .mdd-d-f { display:flex; }
    .mdd-fd-c { flex-direction: column; }
    .mdd-fd-cr { flex-direction: column-reverse; }
    .mdd-gtc-2 { grid-template-columns: 1fr 1fr; }
    .mdd-mtb-2vh { margin-top: 2vh; margin-bottom: 2vh; }
    .mdd-mb1 { margin-bottom: 1rem; }
    .mdd-mt1 { margin-top: 1rem; }
    .mdd-mb2 { margin-bottom: 2rem; }
    .mdd-mt2 { margin-top: 2rem; }
    .mdd-plr15vw { padding-left: 15vw; padding-right: 15vw; }
    .mdd-mw100 { max-width: 100%; }
    .mdd-mw70px { max-width: 70px; }
    .mdd-mw200px { max-width: 200px; }
    .mdd-pb1 { padding-bottom: 1rem; }
    .mdd-pt1 { padding-top: 1rem; }
    .mdd-pb2 { padding-bottom: 2rem; }
    .mdd-pt2 { padding-top: 2rem; }
}