.dce-magazine-banner { background-color: #435A6D; color: #fff; display: flex; margin-bottom: 40px; }
.dce-magazine-banner a { color: #fff; }
.dce-magazine-banner .text-block { width: 175%; font-size: .74em; margin: 5.5% 20px 0 10px; }
.dce-magazine-banner h4 { font-size: calc(14px + (28 - 14) * ((100vw - 320px) / (576 - 320))); margin-bottom: 22px; }
.dce-magazine-banner img { max-width: 100%;}
.dce-magazine-banner .description { display: none; }
.dce-magazine-banner .button a { display: block; border: 1px solid #fff; width: 115px; padding: 10px 0; text-transform: uppercase; text-align: center;}
.dce-magazine-banner .button a:hover { color: var(--contentBlueDark); background-color: #fff; transition: color, background-color, 450ms; }

@media (min-width: 576px) {

    .dce-magazine-banner .text-block {width: 100%; margin: 2.5% 20px 0; }
    .dce-magazine-banner h4 { font-size: 2em; margin-bottom: 10px; }
    .dce-magazine-banner .description { display: block; margin-bottom: 4%; }
    .dce-magazine-banner .button a { width: 190px;padding: 14px 0;}

}

@media (min-width: 768px) {

    .dce-magazine-banner .text-block {width: 78%; font-size: .9em; margin: 3.5% 30px 0; }
    .dce-magazine-banner h4 {  margin-bottom: 20px; }
    .dce-magazine-banner .description { margin-bottom: 6%; }

}

@media (min-width: 992px) {

    .dce-magazine-banner {margin-bottom: 0; }
}

@media (min-width: 1200px) {

    .dce-magazine-banner .text-block {font-size: 1em; width: 68%; margin-top: 30px; }
    .dce-magazine-banner .description { margin-bottom: 40px; }

}