.at-heroBanner {
    background: no-repeat center;
    background-size: cover;
}

.at-heroBanner__contentWrapper {
    width: 100%;
}

.at-heroBanner__content {
    width: 100%;
    padding: 1.5em 1.5rem;
}

.at-heroBanner__title,
.at-heroBanner__subTitle,
.at-heroBanner__text {
    margin: 0 0 .5rem 0;
}

.at-heroBanner__subTitle {
    font-size: 22px;
    line-height: 1.4;
}

.at-heroBanner__buttonWrapper:not(:only-child) {
    margin-top: 1rem;
}

.at-heroBanner__button::after {
    margin-left: .3em;
    font-family: fjell, sans-serif;
    content: '\27f6';
}

.at-heroBanner__noContent {
    height: 10em;
}

@media (min-width: 640px) {
    .at-heroBanner__contentWrapper {
        display: flex;
        padding: 5vh 0;
    }

    .at-heroBanner__contentWrapper--right {
        justify-content: flex-end;
    }

    .at-heroBanner__contentWrapper--center {
        justify-content: center;
    }

    .at-heroBanner__content {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: calc(80% - 1.5rem);
    }

    .at-heroBanner__noContent {
        height: 20em;
    }
}

@media (min-width: 980px) {
    .at-heroBanner__content {
        flex-basis: calc(60% - 1.5rem);
    }
}