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;margin-bottom:0;margin-top:0;padding-bottom:0}.personalize-page .personalize-ways-container{max-width:347px;margin:0 auto}.personalize-page .personalize-way{padding:40px 0 0;text-align:center}.personalize-page .personalize-way:last-child{padding-bottom:0}.personalize-page .personalize-way .way-divider{display:none}.personalize-page .personalize-way .way-row{display:block}.personalize-page .personalize-way .way-image{margin:0 auto 20px;width:100%;max-width:320px}.personalize-page .personalize-way .way-image .way-img-desktop{display:none}.personalize-page .personalize-way .way-image .way-img-mobile{display:block}.personalize-page .personalize-way .way-image img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.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 0 20px;font-weight:300}.personalize-page .btn-way{font-family:Heebo;display:inline-block;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-way:hover{background-color:#dd3f19;color:#fff;text-decoration:none}@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 20px}.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 20px}.personalize-page .personalize-ways-heading h2{font-size:40px}.personalize-page .personalize-ways-container{max-width:1100px;margin:0 auto;display:block;padding:0 20px}.personalize-page .personalize-way{padding:0 0 0px;text-align:left}.personalize-page .personalize-way .way-divider{display:block;width:100%;max-width:1093px;margin:40px auto 20px}.personalize-page .personalize-way .way-divider .way-badge{width:100%;height:auto;display:block}.personalize-page .personalize-way .way-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:1093px;margin:0 auto}.personalize-page .personalize-way .way-image{-webkit-box-flex:0;-ms-flex:0 0 600px;flex:0 0 600px;max-width:327px;margin:0}.personalize-page .personalize-way .way-image .way-img-mobile{display:none}.personalize-page .personalize-way .way-image .way-img-desktop{display:block}.personalize-page .personalize-way .way-image img{width:100%;height:auto;display:block}.personalize-page .personalize-way .way-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 40px;text-align:center}.personalize-page .personalize-way .way-title{font-size:22px;font-weight:700;color:#000000;font-family:Open Sans;margin:0 0 16px}.personalize-page .personalize-way .way-desc{font-family:Open Sans;font-size:18px;line-height:1.7;color:#141414;font-weight:300;margin:0 auto 24px;max-width:420px}.personalize-page .personalize-way .btn-way{max-width:300px}}@media (min-width: 992px) and (min-width: 1900px){.personalize-page .personalize-hero .hero-image{height:954px}}