/**
 * Banner article template
 */

.at-banner {
	position: relative;
	overflow: hidden;
	width: 100%;
    background-color: #004f91;
    background-repeat: no-repeat;
    background-size: cover;
}

.at-banner__overlay {
    float: right;
	width: 100%;
    padding-top: 30.408%;
    background: url(./overlay.png) no-repeat 0 0;
    background-size: 100%;
}

@media screen and (min-width: 806px) {
    .at-banner__overlay {
        width: 806px;
        padding-top: 245px;
    }
}