﻿.a06 .description {
    margin-bottom: 12px;
}
.a06 .background {
    max-width: 287px;
}
.a06 .content-container,
.a06 .content-container .headline {
    text-align: left;
}
@media screen and (min-width: 768px) {
    .a06 {
        --background-height: 408px;
        --content-width: 406px;
        --bg-max-width: 306px;
        --bg-gradient-direction: to left;
    }
    .a06.image-right {
        --bg-gradient-direction: to right;
    }
    .a06 .background-container { flex-direction: row; }
    .a06.image-right .background-container { flex-direction: row-reverse; }
    .a06.newsroom-gradient .background-container {
        --percent: calc(100% - var(--bg-max-width) / 2);
        padding: 80px 0;
    }
    .a06 .background {
        max-width: var(--bg-max-width);
        margin-left: auto;
    }
    .a06 .content-container,
    .a06 .content-container .headline {
        text-align: center;
    }
    .a06 .content-container {          
        flex:1;
        min-height: var(--background-height);
        height: auto;
        text-align:left;
        padding: 0 45px;
        margin-left: 0;
    }
    .a06.image-right .background {
        margin-right: auto;
        margin-left: 0;
    }
    .a06.image-right .content-container {
        margin-right: 0;
        margin-left: auto;
    }
    .a06 .headline {
        text-align:left;
    }
}
@media screen and (min-width: 992px) {
    .a06 {
        --background-height: 408px;
        --content-width: 690px;
    }
    .a06 .content-container {    
        padding: 0 55px;
    }    
}
@media screen and (max-width: 767.99px) {
    .a06 .inner-container {
        padding-left: 0;
        padding-right: 0;
    }
}