@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;1,400&display=swap");

/* Typography
====================================================================== */
body {
    font-family: "Barlow", sans-serif;
}

h1, h2, h3, .article-item__title,
.category__title, h4, h5, h6 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
}

h1, .h1 {
    font-size: clamp(1.75rem, calc(1.5rem + 1.5vw), 2.75rem);
}

h2, .h2 {
    font-size: clamp(1.5rem, calc(1.5rem + 0.9vw), 2.25rem);
}

h3, .article-item__title,
.category__title, .h3 {
    font-size: clamp(1.375rem, calc(1.3rem + 0.6vw), 1.75rem);
}

@media (min-width: 1200px) {
    .section--header h1,
    .section--header .h1,
    .section-title h1,
    .section-title .h1 {
        font-size: clamp(1.75rem, calc(1.5rem + 1.5vw), 2.75rem);
    }
}

.article-item__title-link:hover,
.category__title-link:hover {
    text-decoration: none;
}

.modal-cookies h2.modal-title,
.modal-cookies .modal-title.h2 {
    font-size: 1.5rem;
}

::-moz-selection {
    background-color: #212529;
    color: #fff;
}

::selection {
    background-color: #212529;
    color: #fff;
}

a {
    -webkit-text-decoration: underline #818487 dotted;
    text-decoration: underline #818487 dotted;
    text-underline-offset: .25em;
}

a:hover {
    -webkit-text-decoration-color: #818487;
    text-decoration-color: #818487;
}

a.btn {
    text-decoration: none;
}

.footer p {
    font-size: 1rem;
}

.modal-cookies p,
.modal-cookies label {
    font-size: .9375rem;
}

/* Layout
====================================================================== */
#main {
    padding-top: 0;
}

/* Navbar
====================================================================== */
.navbar__brand-logo-img {
    max-width: clamp(8rem, 14vw, 12rem);
}

.navbar {
    padding-top: clamp(0.5rem, 2vw, 2rem);
}

.navbar,
.breadcrumb {
    padding-left: clamp(0.75rem, 3vw, 3rem);
    padding-right: clamp(0.75rem, 3vw, 3rem);
}

.navbar__menu-item.active a {
    text-decoration: underline;
    text-underline-offset: .5rem;
}

@media (max-width: 991.98px) {
    .navbar__menu-item {
        text-align: center;
        font-size: 1.5rem;
    }
}

.navbar__menu-link {
    letter-spacing: .05em;
}

/* Sections
====================================================================== */
@media (max-width: 575.98px) {
    .section-2-col-right-text .section-content img,
    .section-2-col-left-text .section-content img {
        width: 400px;
    }
}

.section-custom iframe {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 900px;
    height: auto;
    aspect-ratio: 16/9;
}

/* Motive
====================================================================== */
body:not(#index) .motive {
    display: none;
}

.frontend .col-text,
.frontend .section--header,
.frontend .section--text,
.frontend .section-blank,
.frontend .section-title,
.frontend .section-header,
.frontend .section-cta,
.frontend .section-pricelist,
.frontend .container--article .col-text,
.frontend .container--article .section--header,
.frontend .container--article .section--text,
.frontend .container--article .section-blank,
.frontend .container--article .section-title,
.frontend .container--article .section-header,
.frontend .container--article .section-cta {
    max-width: 45rem;
}

.frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
.frontend .section--header.section-bg-light,
.frontend .section--header.section-bg,
.frontend .section--text.section-bg-light,
.frontend .section--text.section-bg,
.frontend .section-blank.section-bg-light,
.frontend .section-blank.section-bg,
.frontend .section-title.section-bg-light,
.frontend .section-title.section-bg,
.frontend .section-header.section-bg-light,
.frontend .section-header.section-bg,
.frontend .section-cta.section-bg-light,
.frontend .section-cta.section-bg,
.frontend .section-pricelist.section-bg-light,
.frontend .section-pricelist.section-bg,
.frontend .container--article .col-text.section-bg-light,
.frontend .container--article .col-text.section-bg,
.frontend .container--article .section--header.section-bg-light,
.frontend .container--article .section--header.section-bg,
.frontend .container--article .section--text.section-bg-light,
.frontend .container--article .section--text.section-bg,
.frontend .container--article .section-blank.section-bg-light,
.frontend .container--article .section-blank.section-bg,
.frontend .container--article .section-title.section-bg-light,
.frontend .container--article .section-title.section-bg,
.frontend .container--article .section-header.section-bg-light,
.frontend .container--article .section-header.section-bg,
.frontend .container--article .section-cta.section-bg-light,
.frontend .container--article .section-cta.section-bg {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    max-width: none;
}

@media (min-width: 576px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        margin-left: calc((-100vw + 540px - (2 * 0.75rem)) / 2);
        margin-right: calc((-100vw + 540px - (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 768px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        margin-left: calc((-100vw + 720px - (2 * 0.75rem)) / 2);
        margin-right: calc((-100vw + 720px - (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 992px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        margin-left: calc((-100vw + 960px - (2 * 0.75rem)) / 2);
        margin-right: calc((-100vw + 960px - (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 1200px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        margin-left: calc((-100vw + 1140px - (2 * 0.75rem)) / 2);
        margin-right: calc((-100vw + 1140px - (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 1400px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        margin-left: calc((-100vw + 1320px - (2 * 0.75rem)) / 2);
        margin-right: calc((-100vw + 1320px - (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 576px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        padding-left: calc((100vw - 540px + (2 * 0.75rem)) / 2);
        padding-right: calc((100vw - 540px + (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 768px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        padding-left: calc((100vw - 720px + (2 * 0.75rem)) / 2);
        padding-right: calc((100vw - 720px + (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 992px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        padding-left: calc((100vw - 960px + (2 * 0.75rem)) / 2);
        padding-right: calc((100vw - 960px + (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 1200px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        padding-left: calc((100vw - 1140px + (2 * 0.75rem)) / 2);
        padding-right: calc((100vw - 1140px + (2 * 0.75rem)) / 2);
    }
}

@media (min-width: 1400px) {
    .frontend .col-text.section-bg-light, .frontend .col-text.section-bg,
    .frontend .section--header.section-bg-light,
    .frontend .section--header.section-bg,
    .frontend .section--text.section-bg-light,
    .frontend .section--text.section-bg,
    .frontend .section-blank.section-bg-light,
    .frontend .section-blank.section-bg,
    .frontend .section-title.section-bg-light,
    .frontend .section-title.section-bg,
    .frontend .section-header.section-bg-light,
    .frontend .section-header.section-bg,
    .frontend .section-cta.section-bg-light,
    .frontend .section-cta.section-bg,
    .frontend .section-pricelist.section-bg-light,
    .frontend .section-pricelist.section-bg,
    .frontend .container--article .col-text.section-bg-light,
    .frontend .container--article .col-text.section-bg,
    .frontend .container--article .section--header.section-bg-light,
    .frontend .container--article .section--header.section-bg,
    .frontend .container--article .section--text.section-bg-light,
    .frontend .container--article .section--text.section-bg,
    .frontend .container--article .section-blank.section-bg-light,
    .frontend .container--article .section-blank.section-bg,
    .frontend .container--article .section-title.section-bg-light,
    .frontend .container--article .section-title.section-bg,
    .frontend .container--article .section-header.section-bg-light,
    .frontend .container--article .section-header.section-bg,
    .frontend .container--article .section-cta.section-bg-light,
    .frontend .container--article .section-cta.section-bg {
        padding-left: calc((100vw - 1320px + (2 * 0.75rem)) / 2);
        padding-right: calc((100vw - 1320px + (2 * 0.75rem)) / 2);
    }
}

.frontend .col-text.section-bg-light > *, .frontend .col-text.section-bg > *,
.frontend .section--header.section-bg-light > *,
.frontend .section--header.section-bg > *,
.frontend .section--text.section-bg-light > *,
.frontend .section--text.section-bg > *,
.frontend .section-blank.section-bg-light > *,
.frontend .section-blank.section-bg > *,
.frontend .section-title.section-bg-light > *,
.frontend .section-title.section-bg > *,
.frontend .section-header.section-bg-light > *,
.frontend .section-header.section-bg > *,
.frontend .section-cta.section-bg-light > *,
.frontend .section-cta.section-bg > *,
.frontend .section-pricelist.section-bg-light > *,
.frontend .section-pricelist.section-bg > *,
.frontend .container--article .col-text.section-bg-light > *,
.frontend .container--article .col-text.section-bg > *,
.frontend .container--article .section--header.section-bg-light > *,
.frontend .container--article .section--header.section-bg > *,
.frontend .container--article .section--text.section-bg-light > *,
.frontend .container--article .section--text.section-bg > *,
.frontend .container--article .section-blank.section-bg-light > *,
.frontend .container--article .section-blank.section-bg > *,
.frontend .container--article .section-title.section-bg-light > *,
.frontend .container--article .section-title.section-bg > *,
.frontend .container--article .section-header.section-bg-light > *,
.frontend .container--article .section-header.section-bg > *,
.frontend .container--article .section-cta.section-bg-light > *,
.frontend .container--article .section-cta.section-bg > * {
    max-width: 45rem;
}

.frontend .col-text.section-bg-light > * .section-content, .frontend .col-text.section-bg > * .section-content,
.frontend .section--header.section-bg-light > * .section-content,
.frontend .section--header.section-bg > * .section-content,
.frontend .section--text.section-bg-light > * .section-content,
.frontend .section--text.section-bg > * .section-content,
.frontend .section-blank.section-bg-light > * .section-content,
.frontend .section-blank.section-bg > * .section-content,
.frontend .section-title.section-bg-light > * .section-content,
.frontend .section-title.section-bg > * .section-content,
.frontend .section-header.section-bg-light > * .section-content,
.frontend .section-header.section-bg > * .section-content,
.frontend .section-cta.section-bg-light > * .section-content,
.frontend .section-cta.section-bg > * .section-content,
.frontend .section-pricelist.section-bg-light > * .section-content,
.frontend .section-pricelist.section-bg > * .section-content,
.frontend .container--article .col-text.section-bg-light > * .section-content,
.frontend .container--article .col-text.section-bg > * .section-content,
.frontend .container--article .section--header.section-bg-light > * .section-content,
.frontend .container--article .section--header.section-bg > * .section-content,
.frontend .container--article .section--text.section-bg-light > * .section-content,
.frontend .container--article .section--text.section-bg > * .section-content,
.frontend .container--article .section-blank.section-bg-light > * .section-content,
.frontend .container--article .section-blank.section-bg > * .section-content,
.frontend .container--article .section-title.section-bg-light > * .section-content,
.frontend .container--article .section-title.section-bg > * .section-content,
.frontend .container--article .section-header.section-bg-light > * .section-content,
.frontend .container--article .section-header.section-bg > * .section-content,
.frontend .container--article .section-cta.section-bg-light > * .section-content,
.frontend .container--article .section-cta.section-bg > * .section-content {
    padding-left: 0;
    padding-right: 0;
}

.section--3-col-text-bottom h3, .section--3-col-text-bottom .article-item__title,
.section--3-col-text-bottom .category__title,
.section--3-col-text-bottom p,
.section--3-col-text-top h3,
.section--3-col-text-top .article-item__title,
.section--3-col-text-top .category__title,
.section--3-col-text-top p,
.comments,
.top-products__title,
.active-category__title,
.perex,
.section-perex,
.sitemap,
.product-page__description .section-dynamic[data-dynamic-type="folder"] {
    max-width: 45rem;
}

@media (min-width: 768px) {
    .user-form,
    .form-row--center .form-row__text,
    .account-form__fieldset,
    .form-row--center .form-row__text {
        max-width: 45rem;
    }
}

/* List of Galleries, Articles...
====================================================================== */
.container--article h1 + p,
.container--article .h1 + p {
    margin-top: 2rem;
}

.article-item-wrapper,
.category-wrapper {
    width: 100%;
}

@media (min-width: 768px) {
    .article-item-wrapper,
    .category-wrapper {
        width: 50%;
    }
}

.category {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.category:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.category__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-transform: uppercase;
    font-size: .8125rem;
    letter-spacing: .0375em;
    margin-top: 0;
}

.category__details > :nth-child(n+2) {
    margin-left: .625rem !important;
}

.article-item__details {
    opacity: .75;
}

.article-item__img-wrapper,
.category__img-wrapper {
    padding-bottom: 50%;
}

.category__img:hover,
.article-item__img:hover {
    -webkit-filter: opacity(0.9);
    filter: opacity(0.9);
}

.category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.category .category__thumbnail {
    width: 100%;
    margin-right: 0;
}

@media (min-width: 1200px) {
    .category,
    .article-item {
        padding: .5rem;
    }
}

.categories--root .category__title {
    text-align: left;
    margin-top: 0;
}

.categories--root .category__details {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.categories--root .category__thumbnail,
.category__thumbnail,
.article-item__thumbnail {
    margin-bottom: .5rem;
}

.category__title,
.article-item__title {
    margin-bottom: .25rem;
}

.section--header {
    margin: auto;
}

.section--header + .item__title {
    text-align: center;
}

.gallery-header h1 {
    text-align: center;
}