.med-grid-border{
    border: solid 2px;
}
.med-border {
    border: 1px solid var(--color-grey--20);
}

.med-w--50 {
    width: 50%;
}

.med-border--bleu-macif {
    border-color: var(--color-macif--1);
}
.mds-h1.med-heading,
h1.med-heading{
    margin: 24px 0;
}
.mds-h2.med-heading,
h2.med-heading{
    margin: 20px 0;
}
.mds-h3.med-heading,
h3.med-heading{
    margin: 16px 0;
}
.mds-h4.med-heading,
h4.med-heading{
    margin: 12px 0;
}
.mds-h5.med-heading,
h5.med-heading{
    margin: 8px 0;
}
.mds-h6.med-heading,
h6.med-heading{
    margin: 4px 0;
}

@media (min-width: 900px) {
    .mds-h1.med-heading,
    h1.med-heading{
        margin: 32px 0;
    }
    .mds-h2.med-heading,
    h2.med-heading{
        margin: 24px 0;
    }
    .mds-h3.med-heading,
    h3.med-heading{
        margin: 20px 0;
    }
    .mds-h4.med-heading,
    h4.med-heading{
        margin: 16px 0;
    }
    .mds-h5.med-heading,
    h5.med-heading{
        margin: 12px 0;
    }
    .mds-h6.med-heading,
    h6.med-heading{
        margin: 8px 0;
    }
}