body.skinsafe.phone .personalize-page{margin-top:-30px}.personalize-page{font-family:'Lato', sans-serif;color:#333}.personalize-page .personalize-hero{position:relative;width:100%;overflow:hidden;margin-top:-4px}.personalize-page .personalize-hero .hero-image{width:100%;height:500px;background-image:url(//cdn.skinsafeproducts.com/assets/surveys/personalize/personalize-hero-mobile-67aaeca23d06329583ea51fe327c39821b967923dd3a8d8a5c4eca37478fd7e6.jpg);background-size:cover;background-position:center}.personalize-page .personalize-hero .hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.55)), to(transparent));background:linear-gradient(to top, rgba(0,0,0,0.55), transparent)}.personalize-page .personalize-hero .hero-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding-left:15px}.personalize-page .personalize-hero .hero-sfm-logo{width:60px;height:auto;-ms-flex-negative:0;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.personalize-page .personalize-hero .hero-title{color:#fff;font-size:24px;font-weight:700;line-height:1;margin:0}.personalize-page .personalize-breadcrumb{padding:16px 20px;font-size:14px;color:#141414}.personalize-page .personalize-breadcrumb .breadcrumb-home-icon{width:12px;height:12px;vertical-align:middle;margin-right:4px}.personalize-page .personalize-breadcrumb a{color:#50566F;text-decoration:none}.personalize-page .personalize-breadcrumb a:hover{text-decoration:underline}.personalize-page .personalize-breadcrumb .separator{margin:0 6px;color:#999}.personalize-page .personalize-breadcrumb .current{color:#141414;font-weight:700}.personalize-page .personalize-intro{padding:10px 20px 24px;text-align:center}.personalize-page .personalize-intro p{font-size:18px;font-weight:300;line-height:1.72;color:#000000;margin:0;font-family:Heebo}.personalize-page .personalize-intro .brand-highlight{color:#e85937;font-weight:300}.personalize-page .personalize-ways-heading{padding:0 20px 10px;text-align:center}.personalize-page .personalize-ways-heading h2{font-family:Heebo;font-weight:700;font-size:30px;line-height:100%;letter-spacing:0%;text-align:center;color:#000000}.personalize-page .personalize-ways-container{max-width:347px;margin:0 auto}.personalize-page .personalize-way:last-child{padding-bottom:0}.personalize-page .personalize-way{padding:15px 0;text-align:center}.personalize-page .personalize-way .way-icon{margin:0 auto 16px;width:100px;height:100px}.personalize-page .personalize-way .way-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.personalize-page .personalize-way .way-title{font-size:20px;font-weight:700;color:#000000;margin:0 0 12px;font-family:Open Sans}.personalize-page .personalize-way .way-desc{font-family:Open Sans;font-size:16px;line-height:1.7;color:#141414;margin:0;font-weight:300}.personalize-page .btn-request-sfm{font-family:Heebo;display:inline-block;margin-top:20px;padding:14px 32px;background-color:#e85937;color:#fff;font-size:16px;font-weight:700;border-radius:26px;text-decoration:none;text-align:center;line-height:1.44;width:100%;max-width:347px;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}.personalize-page .btn-request-sfm:hover{background-color:#dd3f19;color:#fff;text-decoration:none}@media (min-width: 768px) and (max-width: 991px){.personalize-page .personalize-hero .hero-image{height:744px;background-image:url(//cdn.skinsafeproducts.com/assets/surveys/personalize/personalize-hero-tablet-2ac02e1b01097e9ca70b00bd39f6fcef6ff884da1755f68d4d29453008287597.jpg)}.personalize-page .personalize-hero .hero-content{padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:40px}.personalize-page .personalize-hero .hero-sfm-logo{width:100px}.personalize-page .personalize-hero .hero-title{font-size:32px}.personalize-page .personalize-hero .hero-overlay{padding:20px}.personalize-page .personalize-ways-container{max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px;padding:0 20px}.personalize-page .personalize-ways-container h2{font-size:32px}.personalize-page .personalize-way{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px 10px}.personalize-page .personalize-way .way-icon{width:100px;height:100px}.personalize-page .personalize-way .way-title{font-size:16px}.personalize-page .personalize-way .way-desc{font-size:14px}.personalize-page .btn-request-sfm{max-width:260px;font-size:14px;padding:12px 20px}.personalize-page .personalize-ways-heading h2{font-size:32px}.personalize-page .personalize-way .way-title{font-size:18px}.personalize-page .personalize-way .way-desc{font-size:16px}}@media (min-width: 992px){body.skinsafe .personalize-page{margin-top:-30px}.personalize-page .personalize-hero{margin-top:0}.personalize-page .personalize-hero .hero-image{height:770px;background-image:url(//cdn.skinsafeproducts.com/assets/surveys/personalize/personalize-hero-desktop-279db6e861a20375ae2cff9bd75057aa4739e9d72cf7edcf4965fda2035aa6ab.jpg)}.personalize-page .personalize-hero .hero-sfm-logo{width:119px}.personalize-page .personalize-hero .hero-title{font-size:40px}.personalize-page .personalize-hero .hero-overlay{padding:120px 85px}.personalize-page .personalize-breadcrumb{padding:20px 60px}.personalize-page .personalize-intro{padding:20px 60px 40px}.personalize-page .personalize-intro p{font-size:22px;max-width:674px;margin:0 auto;font-weight:300}.personalize-page .personalize-ways-heading{padding:0 20px 40px}.personalize-page .personalize-ways-heading h2{font-size:40px}.personalize-page .personalize-ways-container{max-width:1100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:40px}.personalize-page .personalize-way{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px}.personalize-page .btn-request-sfm{max-width:280px}}@media (min-width: 992px) and (min-width: 1900px){.personalize-page .personalize-hero .hero-image{height:954px}}