[data-template="contact"] {
    background-color: var(--yellow);
    margin-top: calc(var(--breadcrumb-h)*-1);
    padding: var(--padding-inline);
    min-height: calc(100vh - var(--header-h) - var(--footer-h));

}


[data-template="contact"] h1 {
    font-size: var(--fs-title-small);
    margin-bottom: 0;
    margin-top: 1rem;

}

[data-template="contact"] .links-group {
    margin-top: 2rem;
}




/* DESKTOP ------------------------------------------------------------- */

@media screen and (min-width: 640px) {


    [data-template="contact"] {
        width: 50vw;
        border-right: var(--border);
    }

}