/* =========================================================
   GLOBAL PAGE CONTENT ALIGNMENT
   SAME WIDTH ON ALL PAGES
========================================================= */

:root {
    --site-width: 1320px;
    --site-gap: 80px;
}


/* =========================
   ALL MAIN CONTENT WRAPPERS
========================= */

.ci-about-wrap,
.ci-work-wrap,
.team-clean-wrap,
.ci-stats-wrap,
.sd2-wrap,
.craft-wrap,
.ind-wrap,
.work-wrap,
.work-project-wrap,
.contact-premium__wrap,
.location-premium__wrap {

    width: min(
        var(--site-width),
        calc(100% - var(--site-gap))
    ) !important;

    max-width: var(--site-width) !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .ci-about-wrap,
    .ci-work-wrap,
    .team-clean-wrap,
    .ci-stats-wrap,
    .sd2-wrap,
    .craft-wrap,
    .ind-wrap,
    .work-wrap,
    .work-project-wrap,
    .contact-premium__wrap,
    .location-premium__wrap {

        width: calc(100% - 48px) !important;
        max-width: none !important;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .ci-about-wrap,
    .ci-work-wrap,
    .team-clean-wrap,
    .ci-stats-wrap,
    .sd2-wrap,
    .craft-wrap,
    .ind-wrap,
    .work-wrap,
    .work-project-wrap,
    .contact-premium__wrap,
    .location-premium__wrap {

        width: calc(100% - 32px) !important;
        max-width: none !important;
    }

}