// Explore Page
.explore {
    // Intro Section
    &__intro {
        overflow: hidden;
        margin-bottom: 72px;
        color: $color-tertiary;
        text-align: center;

        // Title
        h1 {
            color: $color-secondary;
            line-height: 1;
            margin-top: -20px;

            @include bp (sm) {
                margin-top: -100px;
            }
        }
        // Text
        p {
            max-width: 350px;
            margin: 20px auto 56px;

            @include bp (sm) {
                margin: 50px auto 72px;
                max-width: 524px;
            }
        }
    }

    // Locations
    &__locations {
        .browse {
            margin-bottom: 0;
        }
    }

    // Modules
    .grid-modules {
        grid-column: 1 / span var(--columns);
        margin-bottom: 0;

        @include bp (sm) {
            grid-column: 2 / span 22;
            margin: 200px 0 72px;
        }
    }
}