<style> .espot a:last-child { display: block; font-size: 18px; line-height: 22px; color: black; height: auto; width: auto; background-color: transparent; border-radius: 0; font-weight: bold  !important; left: 0; bottom: 0; transform: translate(0%); max-width: fit-content; position: initial; padding: 0; } img.benefit-heroImage { transform: translate(0, 5%); img display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; border-style: none; } .priceMatchGuaranteeWrapper a { text-decoration: none; } .improvement-trio-container{ margin: 0; } .improvement-container-video { margin: 19px 50px 20px; } h4.tierTitle { text-align: center; font-size: 30px; } .benefit-heroPart-wraper{ background-size: cover; min-height: 35vw; position: relative; overflow: hidden; z-index: 99; background-color: transparent; } a.btn_nav { display: inline-flex; align-items: center; border-radius: 3px; height: 2.75em; padding: 0 2em; color: #000; text-decoration: none; transition: .2s; border: 1px solid #000; font-weight: 500; background: #fff; font-size: 22px; } .heroblock-cta { text-align: center; margin-bottom: 50px; position: absolute; bottom: 40%; left: 42%; } a.btn_nav:hover { background-color: #eaeaea; color: #000; } video.video-item.lazyImg { position: relative; top: 0; width: 100%; } .improvement-trio-head { display: none! important; } .vid_subtitle{ font-size: 21px; } .benefit-heroPart-wraper .heroPart-right .heroPart-img { max-width: 502px; } .improvement-text-wraper .improvement-headline{ font-size: 22px; font-weight: 300; } .benefit-heroPart-wraper .heroPart-left { max-width: 55%  !important; } .improvement-benefit-trio{ border: none; background-color: #fff; width: calc((100% - 23px)/3); margin-right: 11px; margin-bottom: 10px; } .improvement-trio-head, .improvement-trio-wrapper, .video_banner, .tier-level-wrapper, .espotsWrapper, .priceMatchGuaranteeWrapper, .seo-text, .read-more-less-wrapper{ max-width: 1290px; } .priceMatchGuaranteeWrapper p{ font-size: 20px !important; } .video_banner .inner_content .video_description_title{ font-size: 24px; } .improvement-headline-container p { color: #000; font-size: 22px; text-align: center; font-weight: 800; line-height: 1.8em; } .logo-with-copy { max-width: 160px; font-size: 14px; } .logo-with-copy img { max-height: 85px; } .seolinks a{ color: #009dd9; text-decoration: none; } .improvement-text-wraper .improvement-prop-items{ margin: 0; color: #555; font-size: 14px; line-height: 18px; padding-left: 40px; } .improvement-trio-wrapper-3 .improvement-benefit-trio { min-height: 170px; padding: 10px 15px; border: none; background-color: #fff; } .improvement-text-wraper { max-width: fit-content; display: inline-block; vertical-align: top; font-family: Lato; letter-spacing: 0; } .improvement-trio-wrapper-3 .improvement-item-icon { display: block; margin-top: 25px; max-width: fit-content; max-height: 160px; margin: 0 auto; } .improvement-trio-wrapper-3 .improvement-headline { text-align: center; margin: 20px 0px 8px 25px; color: #000; line-height: 22px; } .benefit-heroPart-wraper .heroPart-right .heroPart-headline { max-width: 680px; margin: 0 auto; } .benefit-heroPart-wraper .heroPart-btn-links { margin: 49px 0 17px 0; } .heroPart-signUp-btn { line-height: 53px  !important; height: unset  !important; box-sizing: border-box  !important; padding: 0 19px  !important; border: 1px solid #fff; transition: all .3s ease; } .heroPart-signUp-btn:hover { border: 1px solid #000; } .espotsWrapper { display: flex; justify-content: center; margin: 0 auto; max-width: 1290px; } .espot { height: auto  !important; } .inner_content .video_description_content { font-weight: 500; font-size: 20px; line-height: 30px; } @media screen and (max-width: 750px) { .benefit-register-button { display: none; } .espotsWrapper { flex-direction: column; align-items: center; align-content: center; } .espot { width: 75%  !important; } .espot a:last-child { position: initial; } .benefit-heroPart-wraper{ min-height: 55vw; } .heroblock-cta { bottom: 0; top: 75%; width: 100%; left: 0; } a.btn_nav { font-size: 18px; } } .espot { display: flex; flex-direction: column; align-items: center; position: relative; max-width: 360px; height: auto  !important; width: 360px; background-color: #f0f0f0; margin: 50px 15px; } .espotsWrapper h3{ font-weight: bold; color: rgba(0,0,0,0.85); display: block; text-align: center; margin: 18px 0px; } .espot p { min-height: 142px; } .espot p { font-size: 20px  !important; margin: 0 auto; line-height: 24px; width: 88%; color: #000; padding: 20px 0px 50px; } .espot-img--link { display: inline  !important; background-color: initial  !important; height: unset  !important; padding: unset  !important; cursor: pointer  !important; position: initial  !important; transform: initial  !important; width: 100%  !important; border: 0  !important; } .priceMatchGuaranteeWrapper { display: flex; justify-content: center; padding-bottom: 25px; padding-bottom: 5rem; max-width: 100%; } #espot3 .espot-header-logo { height: auto; margin: auto; width: auto; } @media only screen and (max-width: 750px) and (min-width: 425px) { .espotsWrapper~.priceMatchGuaranteeWrapper { position: initial; } } @media (max-width: 1336px) { .priceMatchGuaranteeWrapper{ padding: 0px 25px 25px 25px; width: revert; flex-direction: revert; } } @media only screen and (min-width: 426px) and (max-width: 750px) { .improvement-trio-wrapper-3 .improvement-benefit-trio{ width: 100%; margin-bottom: 10px; margin-right: 0; } .improvement-text-wraper{ width: 80%; } } @media (max-width: 1024px) { .improvement-text-wraper { width: 98%; } .improvement-trio-wrapper-3 .improvement-benefit-trio{ max-height: 500px; } } @media (min-width: 720px) and (max-width: 1023px) { .improvement-trio-wrapper-3 .improvement-benefit-trio{ min-height: 230px; } .improvement-text-wraper { width: 170px; } .improvement-text-wraper .improvement-prop-items{ font-size: 12px; } .improvement-trio-wrapper-3 .improvement-headline{ font-size: 14px; margin: 20px 0px 8px 20px; } .improvement-trio-wrapper-3 .improvement-item-icon{ max-width: 105px; max-height: 85px; } .heroblock-cta { bottom: 30%; left: 30%; } } @media (max-width: 320px) { .improvement-trio-wrapper-3 .improvement-benefit-trio{ max-height: 500px; } .improvement-trio-wrapper-3 .improvement-item-icon { max-width: 50px; max-height: 50px; } .improvement-trio-wrapper-3 .improvement-headline{ margin: 20px 0px 8px 22px; } .improvement-text-wraper { width: 185px; } } @media (max-width: 280px) { .improvement-trio-wrapper-3 .improvement-benefit-trio{ min-height: 280px; } .improvement-trio-wrapper-3 .improvement-headline{ margin: 20px 0px 8px 20px; } .improvement-text-wraper { width: 140px; } } @media only screen and (max-width: 1366px) and (min-width: 1024px) { .heroblock-cta{ left: 35%; } } </style> .improvement-text-wraper .improvement-headline { color: #000; font-size: 18px; line-height: 22px; font-weight: normal; margin: 0 0 3px; } .improvement-trio-wrapper{ display: flex; justify-content: center; box-sizing: border-box; margin: 0 auto; } }
