.hero--wrapper {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 45%;
    margin-bottom: 3%;
}

.hero--content {
    padding-top: 5%;
}

.hero--wrapper .hero--content h1.page-title + .intro-text {
    margin-top: -20px;
}

body.front-page .hero--content h1.page-title {
    margin-bottom: 1.25em;
}

body.section-travel .hero--wrapper .hero--content {
    padding-top: 0;
}

@media all and (min-width: 500px) {
    .hero--wrapper.speakers-hero {
        background-image: url(../../images/microphone--hero.svg);
        background-size: 20%;
    }

    .hero--wrapper.speakers--landing {
        background-position: center right;
    }

    .hero--wrapper.speakers--landing .hero--content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero--wrapper.speakers--subpage .hero--content {
        padding-top: 2%;
        padding-bottom: 2%;
    }
}

@media all and (min-width: 900px) {
    body:not(.front-page) .hero--content h1.page-title {
        font-size: 6.8rem;
        max-width: 75%;
        margin-bottom: 0.6em;
    }

    body.page-about .hero--wrapper {
        background-image: url(../../images/swirl--red--half-left--arrow.svg);
    }

    body.page-about .hero--content {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    body.section-travel .hero--wrapper {
        background-image: url(../../images/travel-hero.svg);
        background-size: 100%;
        min-height: 196px;
        display: flex;
    }

    body.section-travel .hero--wrapper .hero--content {
        padding-bottom: 50px;
        margin-top: auto;
        flex: 1;
    }

    body.section-travel .hero--wrapper .hero--content .intro-text {
        max-width: 700px;
        margin-top: 10px;
    }

    body.section-travel .hero--wrapper h1.page-title,
    body.section-travel .hero--wrapper p {
        margin-bottom: 0;
    }
}

@media all and (min-width: 1100px) {
    body.front-page .hero--content h1.page-title {
        font-size: 6.8rem;
        max-width: 75%;
        margin-bottom: 0.6em;
    }

    .hero--wrapper.hero--library,
    .hero--wrapper.hero--topics {
        background-image: url(../../images/search-categories--hero.svg);
        background-size: 20%;
    }

    .hero--wrapper.hero--library .hero--content,
    .hero--wrapper.hero--topics.topics--landing .hero--content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hero--wrapper.hero--topics.topics--topic {
        background-position: center right;
    }

    .hero--wrapper.hero--topics.topics--topic .hero--content {
        padding-top: 3%;
        padding-bottom: 2%;
    }

    .hero--wrapper.hero--library form.search-form {
        margin-top: 0;
    }

    .region-hero {
        max-width: 60%;
    }
}

@media all and (min-width: 1240px) {
    body.front-page .hero--wrapper {
        background-image: url(../../images/swirl--red--half-left.svg);
        background-size: 30%;
    }
}

body.page-about .hero--content {
    padding-bottom: 0;
    margin-bottom: 7%;
}

body.section-programs .hero--wrapper {
    background-image: url(../../images/swirl-waves.svg);
    background-size: 100%;
}

body.section-programs .hero--wrapper .hero--content {
    padding-top: 7%;
    padding-bottom: 7%;
}

h1.page-title + .region-hero {
    margin-top: -1.25em;
}