body.portfolio-font,
#portfolio_page.portfolio-font,
.portfolio-font {
    font-family: var(--portfolios-font-name), var(--portfolios-font-stack, sans-serif);
}

* {
    letter-spacing: 0.4px;
    font-weight: initial;
}

p, span, a, .arkt-btn {
    font-size: 1em !important;
    line-height: calc(1em + 10px) !important;
}

/* Typo des titres h1–h6 : voir structure/headings.css */

.populare-head span, #about #services .price-head .title, .pricing .price {
    font-size: var(--portfolios-heading-primary-size) !important;
    line-height: calc(var(--portfolios-heading-primary-size) + 10px) !important;
}

.horizontal-elements p, .square-elements p, .vertical-elements p, #legal li a, .article-blog-infos p, .article-blog-infos h5, .article-blog-infos div {
    font-size: 0.8rem!important;
    line-height: calc(0.8rem + 10px)!important; 
}

.title-align-left {
    text-align: left;
    margin: 0 auto;
}

.title-align-center {
    text-align: center;
    margin: 0 auto;
}

.title-align-right {
    text-align: right;
    margin: 0 auto;
}

@media screen and (max-width: 1050px) {

    .title-align-left, .title-align-center, .title-align-right {
        margin-bottom: 0px;
    }

}


.blog-copy {
    font-family: var(--font-serif);
    font-style: italic;
}

@media screen and (max-width: 1050px) {

    #legal {

        text-align: center;
    }

    #hero #home-about {
        display: flex;
        flex-direction: column;
    }

}