.cmos-selection-wrap { background-color: #fff; color: #000; font-size: 18px; background-repeat: no-repeat; background-position: center top; } .cmos-selection-wrap:after { content: ""; display: table; clear: both; } .cmos-selection-left { width: 460px; float: left; text-align: right; margin-bottom: 2rem; } .cmos-selection-right { float: right; padding-top: 30px; width: calc(100% - 500px); } .cmos-selection-wrap .title { font-size: 40px; color: #000; line-height: 1.3; } ul.checklist { margin: 0; padding: 0; } ul.checklist li { font-size: 21px; font-weight: bold; margin-bottom: 10px; list-style-type: none; } ul.checklist li:before { content: ''; display: inline-block; width: 20px; height: 12px; background-image: url(../images/bullet-arrow_red.png); background-size: contain; background-repeat: no-repeat; background-position: right; margin-right: 10px; } .form-wrap { background-color: #E9ECF0; padding: 20px; margin: 2rem 0; } .form-wrap:after { content: ""; display: table; clear: both; } .form { width: 48%; float: left; } .form-tagline { width: 48%; float: right; font-weight: 500; line-height: 1.2; margin-bottom: 20px; font-size: 32px; font-family: "Inter", sans-serif; } .form-tagline span { color: #DA101C; font-family: "Inter", sans-serif; font-weight: 600; } @media (min-width:1500px) { .cmos-selection-wrap { background-size: cover; } } @media (max-width:1175px) { .cmos-selection-left { width: 310px; } .cmos-selection-right { width: calc(100% - 330px); } } @media (max-width:890px) { .cmos-selection-right .gridcol { width: auto !important; float: none; margin-bottom: 0 !important; } .cmos-selection-right .gridrow { margin-bottom: 20px !important; } } @media (max-width:860px) { .form, .form-tagline { width: auto !important; float: none; } .form-tagline { font-size: 22px; } } @media (max-width:800px) { .cmos-selection-wrap .title { font-size: 30px; line-height: 1.3; } .cmos-selection-left, .cmos-selection-right { float: none; width: auto; padding-top: 0; } img.ebook { margin: auto; display: block; max-width: 225px; } }