.at-articleBG {
    padding: 3em 0;
    position: relative;
}

.at-articleBG--gradient {
    background-image: linear-gradient(to bottom, #00a7eb 0%, #072e65 100%);
}

.at-articleBG--lightblue {
    background-color: #00a7eb;
}

.at-articleBG--darkblue {
    background-color: #072e65;
}

.at-articleBG--grey {
    background-color: #edebeb;
}

.at-articleBG--white {
    background-color: #fff;
}

.at-articleBG__inner {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.6;
}

.at-articleBG__inner--30 {
    max-width: 30rem;
}

.at-articleBG__inner--40 {
    max-width: 40rem;
}

.at-articleBG__inner--50 {
    max-width: 50rem;
}

.at-articleBG__inner * {
    color: #fff;
}

.at-articleBG--grey .at-articleBG__inner *,
.at-articleBG--white .at-articleBG__inner * {
    color: #606060;
}

.at-articleBG__inner p:last-child {
    margin-bottom: 0;
}