@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root {
    --font-size-h1-mobile: 35px;
    --font-size-h1-tablet: 48px;
    --font-size-h1-desktop: 72px;
}

img {
    height: 100%;
    object-fit: cover;
}

h1, h2, h3 {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;

    margin-top: 0px;
}

.no-padding {
   --spacing-md-desktop: 0px;
}

.no-padding-bottom {
    padding-top: var(--spacing-md-desktop);
    padding-bottom: unset;
}

.flex {
    & .row {
        display: flex; 
        flex-wrap: wrap;
    }

    & .zone-html {
        padding-block: 32px;
    }
} 

.flex--align-center {
    & .row {  
        align-items: center;
    }
}

.max-680 {
    & img {
        max-height: 680px;
    }
}

.zone-contact .content.contact  {
    padding-top: unset;
}

#site-wrapper .line-footer .footer-classic.content {
    --footer-color: var(--font-color);

    & .footer-address, & .footer-email, & .footer-social {
        padding-block-start: 32px;
    }
}
#site-wrapper .line-footer .mod-header-logo {
    padding: unset;
}

.zone-event {
    & h3 {
        margin-block-start: 1em;
    }
}

.content.contact {
    & h1 {
        font-size: var(--font-size-h2-desktop);
    }
}

.row-fluid.row {
    & >*:not(:last-child) {
        margin-block-end: 2.4rem;
    }
}