.premier-support-plus { display: flex; flex-direction: row; } .premier-support-plus__left-side { display: inline-flex; align-items: center; width: 50%; color: #fff; background-image: url(https://p4-ofp.static.pub/ShareResource/ww/img/premier-support/premier-support-plus-leftside.jpg); background-position: 50% 50%; background-size: cover; } .premier-support-plus .premier-support-plus__left-side--content { padding: 0 5em; } .premier-support-plus .premier-support-plus__left-side--content h2 { font-size: 38px; line-height: 46px; margin: 30px 0; color: #fff; } .premier-support-plus .premier-support-plus__left-side--content h2 .text-hightlight { color: #ffb9a2; } .premier-support-plus .premier-support-plus__left-side--content p { color: #fff; margin: 3em auto; } .premier-support-plus .premier-support-plus__left-side--content .btn { margin: 0; padding: 10px 20px; font: 16px/19px Lato; color: #000; white-space: nowrap; background-color: #fff; text-decoration: none; font-weight: bold; display: inline-flex; align-items: center; } .premier-support-plus .premier-support-plus__left-side--content .btn img { margin-left: 10px; } .premier-support-plus .premier-support-plus__left-side--content .btn:hover { background-color: #eee; } .premier-support-plus .premier-support-plus__right-side { width: 50%; } .premier-support-plus .non-mobile { display: block; width: 100%; height: auto; object-fit: cover; max-height: 700px; object-position: center; } .premier-support-plus .mobile { display: none; width: 100%; } @media only screen and (max-width: 1200px) { .premier-support-plus .premier-support-plus__left-side--content { padding: 0 3em; } .premier-support-plus .premier-support-plus__left-side--content p { color: #fff; margin: 2em auto; } } @media only screen and (max-width: 992px) { .premier-support-plus { flex-direction: column-reverse; } .premier-support-plus .premier-support-plus__left-side { width: 100%; } .premier-support-plus .premier-support-plus__left-side--content { padding: 3em; } .premier-support-plus .premier-support-plus__left-side--content h2 { margin-top: 0; } .premier-support-plus .premier-support-plus__left-side--content p { color: #fff; margin: 2em auto; } .premier-support-plus .premier-support-plus__right-side { width: 100%; } .premier-support-plus .non-mobile { display: none; } .premier-support-plus .mobile { display: block; } } @media only screen and (max-width: 767px) { .premier-support-plus__left-side--content h2 { margin: 10px 0; color: #000; } .premier-support-plus__left-side--content p { margin-bottom: 10px; color: #000; } }