.at-homepageIntro {
    position: relative;
    overflow: hidden;
    padding: calc(3em + 2vh) 0;
    background-color: #fafafa;
}

.at-homepageIntro__contentWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.at-homepageIntro__content {
    position: relative;
    z-index: 1;
}

.at-homepageIntro__pageTitle {
    position: static;
    max-width: 15em;
    margin-bottom: 1em;
    line-height: 1.1;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.at-homepageIntro__text {
    margin: 1em 0 3em;
    font-size: 1.3em;
    line-height: 1.6;
}

.at-homepageIntro__text--large {
    display: none;
}

.at-homepageIntro__text--noSmallText {
    display: block;
}

.at-homepageIntro__imageWrap {
    display: none;
}

.at-homepageIntro__image {
    display: block;
    border-radius: 4em 3em 0 3.5em;
}

/**
 * Decorations
 */

.at-homepageIntro::before {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    width: 90px;
    height: 20em;
    border-radius: 20em;
    -webkit-transform: translateX(-5.3em) rotate(-5deg);
    -ms-transform: translateX(-5.3em) rotate(-5deg);
    transform: translateX(-5.3em) rotate(-5deg);
    transition: transform .2s ease-out;
    background-color: #8c2475;
}

.at-homepageIntro::after {
    position: absolute;
    bottom: -8em;
    left: calc(50% - 10em);
    content: '';
    display: block;
    width: 60em;
    height: 110px;
    border-radius: 30em;
    -webkit-transform: translateX(4em) rotate(8deg);
    -ms-transform: translateX(4em) rotate(8deg);
    transform: translateX(4em) rotate(8deg);
    background-color: #87ae3a;
}

@media (min-width: 480px) {
    .at-homepageIntro__text--small {
        display: none;
    }

    .at-homepageIntro__text--large {
        display: block;
    }
}

@media (min-width: 769px) {
    .at-homepageIntro__content {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        padding-right: 2em;
    }

    .at-homepageIntro__pageTitle {
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    .at-homepageIntro__imageWrap {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        position: relative;
        right: 0;
        display: block;
    }

    .at-homepageIntro__image {
        max-width: 500px;
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
}

@media (min-width: 1400px) {
    .at-homepageIntro::before {
        -webkit-transform: translateX(-4.3em) rotate(-5deg);
        -ms-transform: translateX(-4.3em) rotate(-5deg);
        transform: translateX(-4.3em) rotate(-5deg);
    }

    .at-homepageIntro__content {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        position: relative;
        z-index: 1;
    }
}