.AlignedContentPage {
    --content-gutter: 32px;
}

/* Apply gutters to content, never to the full-width section backgrounds. */
.AlignedContentPage .SiteHeader,
.AlignedContentPage .hero-banner .hero-inner,
.AlignedContentPage .BoothGrid,
.AlignedContentPage .EventTypes,
.AlignedContentPage .HowItWorks,
.AlignedContentPage .AboutHero,
.AlignedContentPage .AboutBreadcrumbs,
.AlignedContentPage .AboutStory,
.AlignedContentPage .AboutTeam,
.AlignedContentPage .AboutValues,
.AlignedContentPage .AboutClosing,
.AlignedContentPage .SelfiePodHero,
.AlignedContentPage .SelfiePodBreadcrumbs,
.AlignedContentPage .SelfiePodOccasions,
.AlignedContentPage .SelfiePodExperience,
.AlignedContentPage .SelfiePodBranding,
.AlignedContentPage .HomeBookingContent,
.AlignedContentPage .SiteFooter {
    padding-left: var(--content-gutter) !important;
    padding-right: var(--content-gutter) !important;
}

.AlignedContentPage .HomeYellowBanner > .container,
.AlignedContentPage .HomeIntro > .container,
.AlignedContentPage .WhyChoose > .container,
.AlignedContentPage .HomeGallery > .container,
.AlignedContentPage .HomeReviews > .container,
.AlignedContentPage .HomeAreas > .container,
.AlignedContentPage .HomeFaqSection > .container,
.AlignedContentPage .SubPanel > .SubBack > .container {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--content-gutter) !important;
    padding-right: var(--content-gutter) !important;
}

.AlignedContentPage .AboutTeamGrid,
.AlignedContentPage .SiteFooterMain {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.AlignedContentPage .AboutHeroImage,
.AlignedContentPage .SelfiePodHeroImage {
    margin-right: 0;
}

.AlignedContentPage .HomeBookingImage,
.AlignedContentPage .AreasMap {
    right: var(--content-gutter);
}

.AlignedContentPage .SelfiePodBrandingImages {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1100px) {
    .AlignedContentPage {
        --content-gutter: 24px;
    }
}

@media (max-width: 1020px) {
    .AlignedContentPage .AreasMap {
        right: auto;
        margin-right: 0;
    }
}

@media (max-width: 668px) {
    .AlignedContentPage {
        --content-gutter: 16px;
    }

    .AlignedContentPage .HomeBookingImage {
        right: auto;
        width: calc(100% - var(--content-gutter) * 2);
        margin-left: var(--content-gutter);
        margin-right: var(--content-gutter);
    }
}