.color-that-lasts-outer{margin-top:16px;margin-bottom:16px}.color-that-lasts{max-width:600px;margin:0 auto}.color-that-lasts .hair-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.color-that-lasts .hair-colors .color-item{position:relative;border-radius:20px;overflow:hidden}.color-that-lasts .hair-colors .color-item img{height:100%}.color-that-lasts .hair-colors .color-item .color-name{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-transform:uppercase;letter-spacing:0px;font-size:20px;text-align:center;font-family:var(--font-primary);font-weight:600;width:100%}.color-that-lasts .hair-colors .color-item .color-name span{display:block}.color-that-lasts .background-image{padding:32px 16px;border-radius:20px;margin-bottom:12px}.color-that-lasts .background-image .subtitle{font-size:20px;line-height:24px;letter-spacing:.5px;text-align:center;color:#fff;margin-bottom:8px;font-family:var(--font-primary);font-weight:400}.color-that-lasts .background-image .title{text-align:center;color:#fff;font-size:26px;letter-spacing:0px;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-primary);font-weight:600;margin-top:0;line-height:38px}.color-that-lasts .background-image .description{font-size:16px;letter-spacing:0px;text-align:center;font-family:var(--font-secondary);color:#fff;margin-bottom:32px;line-height:21px}.color-that-lasts .background-image .title2{text-align:center;color:#fff;font-size:20px;text-transform:uppercase;letter-spacing:0px;font-family:var(--font-secondary);font-weight:600}.color-that-lasts .background-image .title2 span{display:block}.color-that-lasts .background-image .description2{font-size:16px;letter-spacing:0px;text-align:center;font-family:var(--font-secondary);color:#fff;margin-bottom:24px}.color-that-lasts .background-image .description2 span{display:block}@media(min-width:370px){.color-that-lasts .background-image .description span{display:block}.color-that-lasts .background-image .title{font-size:32px}}@media(min-width:1000px){.color-that-lasts{display:grid;grid-template-columns:1fr 1fr;max-width:unset;gap:32px}.color-that-lasts .hair-colors{grid-template-columns:1fr 1fr 1fr;order:1;column-gap:32px;row-gap:28px}.color-that-lasts .hair-colors .color-item .color-name{font-size:16px}.color-that-lasts .background-image{order:2;margin-bottom:0;padding:40px}.color-that-lasts .background-image .description span,.color-that-lasts .background-image .title2 span{display:inline}.color-that-lasts .background-image .subtitle{text-align:left;font-size:22px}.color-that-lasts .background-image .title,.color-that-lasts .background-image .description,.color-that-lasts .background-image .title2,.color-that-lasts .background-image .description2{text-align:left}.color-that-lasts .background-image .description2 span{display:inline}.color-that-lasts .btn{max-width:331px}}@media(min-width:1200px){.color-that-lasts .hair-colors .color-item .color-name{font-size:20px}.color-that-lasts .background-image .subtitle{font-size:22px;line-height:26px;letter-spacing:.5px}.color-that-lasts .background-image .title{font-size:48px;line-height:58px;margin-bottom:24px}.color-that-lasts .background-image .description{font-size:18px;margin-bottom:40px;line-height:24px}.color-that-lasts .background-image .title2{font-size:24px;line-height:38px}.color-that-lasts .background-image .description2{font-size:18px;line-height:32px}}@media(min-width:1000px){.color-that-lasts-outer{margin-top:120px;margin-bottom:120px}}