.at-streamer__wrapper--titleRight {
    direction: rtl;
}

.at-streamer__title {
    margin: 0;
}

.at-streamer__title,
.at-streamer__text {
    padding: 1.5rem;
}

.at-streamer__wrapper--titleRight .at-streamer__block {
    direction: ltr;
}

/** if no title floats */
.at-streamer__block .at-streamer__title {
    text-align: left;
}

.at-streamer__block .at-streamer__title:not(:only-child) {
    padding-bottom: 0;
}

.at-streamer__image {
    display: block;
    width: 100%;
}

.at-streamer__text {
    overflow: auto;
}

@media (min-width: 640px) {
    .at-streamer__content {
        position: relative;
        margin-right: 6%;
        margin-left: 6%;
    }

    .at-streamer__title {
        text-align: center;
    }

    .at-streamer__block {
        position: relative;
    }

    .at-streamer__block--hasImage .at-streamer__content {
        margin-top: -3em;
    }

    .at-streamer__title--sub {
        position: relative;
        margin: 0;
        padding-bottom: 1rem;
    }

    .at-streamer__text {
        padding-top: 1rem;
    }
}

@media (min-width: 980px) {
    .at-streamer__wrapper--float {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0;
    }

    .at-streamer__title--heading {
        flex-basis: 44%;
        padding: 0;
    }

    .at-streamer__wrapper--float .at-streamer__block {
        flex-basis: 56%;
    }
}