website/assets/sass/page_container.scss

.page-container {
    width: 80%;
    margin: 0 auto;
}

.page-container-large {
    width: 75%;
    margin: 0 auto;
}

.page-full {
    padding: 0 2rem;
}

@media (min-width: $xl-breakpoint) {
    .page-container {
        width: 50% !important;
    }
}

@media (min-width: $lg-breakpoint) {
    .page-container {
        width: 58%;
    }
}

@media (min-width: $md-breakpoint) {
    .page-container {
        width: 65%;
    }
}

@media (max-width: $md-breakpoint) {
    .page-container {
        width: 75%;
    }
}

@media (max-width: $sm-breakpoint) {
    .page-container {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .page-full {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: $xs-breakpoint) {
    .page-container {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .page-full {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}