/* --------------------------------- */
/* usable classes */

.borderTop {
    border-top: 1px solid #767676;
}

.paddingTop {
    padding-top: 2.5rem;
}

.title {
    font-size: 1rem;
    padding-top: 0.75em;
    padding-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
}

.centered {
    text-align: center;
}

.verticalMargin {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;    
}

.bigVerticalMargin {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.verticalRespiration > * {
    padding-bottom: 2rem;
}

.bouton {
    display: inline-block;
    padding-bottom: 0.83em;
    /*
        same padding-bottom as p, h1, figure, etc.
        to be verticaly aligned
     */
}

.bouton .title {
    border: 1px solid;
    padding: 0.75em;
    margin: 0;
}

.big-italic-text {
    font-family: CogitoLightItalic;
    font-size: 1.25rem;
}

@media (min-width: 550px) {
    .big-italic-text {
        font-size: 1.75rem;
    }
}
.eme {
    font-size: 0.5em;
    vertical-align: top;
}

/* --------------------------------- */
/* grid */

.gridResponsive {
    display: grid;
    grid-row-gap: 2.25rem;
}

.gridResponsiveNarrow {
    display: grid;
    grid-row-gap: 0.64rem;
}

.gridResponsiveSame {
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
}

@media (min-width: 550px) {
    .gridResponsive {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 3rem;
        grid-column-gap: 1rem;
    }
    .gridResponsiveNarrow {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 0.64rem;
        grid-column-gap: 1rem;
    }
    .gridResponsiveSame {
        grid-template-columns: 1fr 1fr;
    }
    .gridResponsive-itemWide {
        grid-column: 1 / span 2;
    }
    .gridResponsive-fullsize {
        grid-column: 1 / span 2;
    }
    ..gridResponsive-fullsize {
        column-count: 2;
        column-gap: 2.5rem;
    }
}

@media (min-width: 550px) {
    .twoColumnParagraph {
        column-count: 2;
    }
}