zAhI/T3+ZCsDDCvtdx8MKwscTAuSaHYP9CgJB/b8C2P2+AkL9vQJDAAAAAAIAKP/oA7UDegAGABMAaEAPBgUCAQQDABEOCQMBAwJKS7AUUFhAEwAAAwByBQQCAwMNSwIBAQEOAUwbS7AwUFhAEwAAAwByAgEBAwFzBQQCAwMNA0wbQBEAAAMAcgUEAgMBA3ICAQEBaVlZQAkSEhESExMGBhorAQcnNzMXBxMjAwMjAzMTEzMTEzMCCm8NbCBsDUEKwMMK+13HwwrCxxMDOFYIkJAI/QYCQf2/Atj9vgJC/b0CQwADACj/6AO1A2QACwAXACQAfrciHxoDBAYBSkuwFFBYQBgDAQECAQAGAQBjCAcCBgYNSwUBBAQOBEwbS7AwUFhAGAUBBAYEcwMBAQIBAAYBAGMIBwIGBg0GTBtAIggHAgYABAAGBHAFAQQEcQMBAQAAAVcDAQEBAFsCAQABAE9ZWUAMEhIREhMkJCQhCQYdKwAGIyImNTQ2MzIWFRYGIyImNTQ2MzIWFRMjAwMjAzMTEzMTEzMB7hcREBgYEBEXnRcREBgYEBEXLwrAwwr7XcfDCsLHEwMsGBgQERcXERAYGBARFxcR/KwCQf2/Atj9vgJC/b0CQwAAAAIAKP/oA7UDfgADABAAVUANDgsGAwACAUoDAQICSEuwFFBYQA4EAwICAg1LAQEAAA4ATBtLsDBQWEAOAQEAAgBzBAMCAgINAkwbQAwEAwICAAJyAQEAAGlZWbcSEhESFAUGGSsBFwcnASMDAyMDMxMTMxMTMwHRPw9/ATgKwMMK+13HwwrCxxMDfpoGg/yHAkH9vwLY/b4CQv29AkMAAAABACYAAAJNAsAACwA3twkGAwMAAQFKS7AwUFhADQIBAQENSwMBAAAOAEwbQA0CAQEAAXIDAQAAEQBMWbYSEhIRBAYYKwEDIxMDMxMTMwMBIwEU2RXk3WirsRa9AQNoAU7+sgFfAWH+7gES/t3+YwAAAQAyAAACGQLAAAgANLcIBQIDAAE format('truetype') ; } #lp_wrapper { width : 100% ; max-width : 980px ; font-size : 10px ; position : relative ; overflow : visible ; margin : 0 auto ; } .content_row { position : relative ; margin : auto ; } .coversParentContainer { position:absolute ; width:100% ; height:100% ; top:0 ; left : 0 ; z-index : 1 ; cursor : pointer ; } .clearsFloat { clear : both ; } .breadcrumb { display : none ; } #lp_wrapper p, #lp_wrapper h2, #lp_wrapper h3, #lp_wrapper { font-family : BodoniSans-Regular, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; } .back_button p.home { text-align : left ; color : #000000 ; font-family : futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; text-decoration : underline ; font-size : 2em ; padding-top : 1em ; } #top_nav { text-align : center ; display : flex ; flex-direction : row ; justify-content : center ; cursor : default ; } #top_nav p { display : inline ; font-size : 2.5em ; padding : 0.8em ; margin : 0.04em ; } #top_nav p:hover { text-decoration : none ; opacity : 0.37 ; } #top_nav p.lips { background-color : #c22536 ; flex-grow : 1 ; flex-basis : 25% ; cursor : pointer ; } #top_nav p.smoky { background-color : #69424b ; flex-grow : 1 ; flex-basis : 25% ; text-decoration : none ; } #top_nav p.lips:hover { opacity : 1 ; } #top_nav p.lips .cta_button { cursor : default ; opacity : 0.2 ; } #top_nav p.base { background-color : #cc977c ; flex-grow : 1 ; flex-basis : 25% ; cursor : pointer ; } #top_nav p.pink { background-color : #eb9494 ; flex-grow : 1 ; flex-basis : 25% ; cursor : pointer ; } #top_nav p .cta_button { color : #ffffff ; } #top_nav p .cta_button:hover { text-decoration : none ; } #top_row { width : 99% ; display : flex ; flex-direction : column ; margin-top : 5em ; } #top_row .content_row { width : 100% ; margin : 0 auto ; text-align : center ; position : relative ; } #top_row .copy_holder_lips { width : 50% ; margin : 0 auto ; padding-bottom : 2.3em ; } #top_row .copy_holder_lips h2 { font-size : 3.5em ; color : #c22536 ; line-height : 1em ; } #top_row .copy_holder_lips h3 { font-size : 3.5em ; color : #000000 ; text-transform : none ; } #top_row .copy_holder_lips p { font-size : 2.2em ; color : #000000 ; line-height : 1.15em ; margin-bottom : 0 ; padding-top : 1em ; } #top_row .copy_holder_lips p span { color : #c22536 ; } #top_row .copy_holder_howto { max-width : 366px ; position : absolute ; text-align : center ; top : 60% ; z-index : 2 ; } #top_row h2.how_to { color : #c22536 ; font-size : 2.5em ; position : absolute ; top : 3% ; z-index : 2 ; width : 100% ; left : 32% ; } #top_row .copy_holder_howto p { color : #404040 ; font-family : futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; font-size : 1.8em ; line-height : 1.2em ; width : 100% ; margin : 0 auto ; padding-bottom : 0.5em ; } #top_row .copy_holder_howto .inner_wrapper { width : 75% ; left : 0 ; position : relative ; margin : 0 auto ; /*z-index : 2;*/ } #top_row .copy_holder_howto p span { color : #c22536 ; text-decoration : underline ; } #top_row .copy_holder_howto p a:hover { text-decoration : none ; } #top_row .copy_holder_howto p span.digit { font-family : BodoniSans-Regular, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; font-size : 3.5em ; text-decoration : none ; font-style : italic ; color : #c22536 ; } #top_row .copy_holder_howto .cta_button { font-size : 1.8em ; font-family : futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; text-decoration : underline ; color : #c22536 ; font-weight : bold ; } #top_row .left { float:left ; width : 62% ; } #top_row .right { float:right ; width : 37.7% ; } #banner { width : 100% ; background-color : #000000 ; padding : 1em ; } #banner p { font-size : 3.5em ; margin : 0 auto ; color : #ffffff ; text-align : center ; } #second_row { width : 100% ; display : flex ; flex-direction : column ; margin-top : 2em } #second_row .content_row { width : 100% ; margin : 0 auto ; text-align : center ; position : relative ; } #second_row .copy_holder { padding : 4em 0 0 ; width : 65% ; margin : 0 auto ; } #second_row .copy_holder .inner_wrapper { /*position : absolute;*/ } #second_row .copy_holder p { font-size : 1.8em ; /*padding-bottom : 0.5em;*/ color : #404040 ; font-family : futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; } #second_row .copy_holder p a:hover { text-decoration : none ; } #second_row .copy_holder p span { color : #c22536 ; text-decoration : underline ; } #second_row .copy_holder p span.number { font-family : BodoniSans-Regular, futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; font-size : 3.5em ; text-decoration : none ; font-style : italic ; color : #c22536 ; } #second_row .copy_holder .cta_button { font-size : 1.8em ; font-family : futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; text-decoration : underline ; color : #6e4851 ; font-weight : bold ; } #second_row #one { float:left ; width : 33.3% ; } #second_row #two { float:left ; width : 33.3% ; } #second_row #three { float : right ; width : 33.3% ; } @media(max-width : 768px) { #top_nav p { font-size : 1.7em ; padding : 0.8em 0.2em ; } #top_nav p.lips { padding : 0.8em 0.4em ; } #lp_wrapper .lp_header h2 { font-size : 3em ; } #top_row { width : 100% ; margin-top : 3em ; } #top_row h2.how_to { position : absolute ; left : 0 ; top : auto ; padding-top : 1em ; } #top_row .copy_holder_howto { width : 9% ; max-width : 100% ; top : 65% ; } #top_row .copy_holder_lips { width : 80% ; } #top_row .copy_holder_howto .inner_wrapper { width : 65% ; } #top_row .left, #top_row .right, #second_row .left, #second_row .right { display : block ; width : 100% ; } #top_row .right { background-color : #fdf8f7 ; } .content-asset .slick-slide img { max-height : 450px ; margin-top : 5em ; } #top_row .copy_holder, #second_row .copy_holder { width : 100% ; } #top_row .copy_holder_lips p { padding-top : 0.5em ; } .copy_holder p { font-size : 3em ; } .copy_holder .cta_button { font-size : 2.5em ; } #second_row .one, #second_row .two, #second_row .three { width : 100% ; padding-bottom : 3em ; } .carousel .holds_border { top : 3.5em ; } .slick-prev.slick-arrow { left : 3px ; } #banner { margin-top : 2em ; } #second_row .copy_holder.number p { padding : 0.7em 0.5em 0.6em 0.3em ; width : 25% ; } #second_row .copy_holder p { width : 85% ; margin : 0 auto ; padding-bottom : 0.5em ; } } @media (max-width : 767px) { #top_row .copy_holder_howto { max-width : 366px ; top : 55% ; } .content-asset .slick-slide img { max-height : 100% ; margin-top : 1em ; } #top_row .copy_holder_howto .inner_wrapper { width : 75% ; } #second_row .copy_holder.number p { width : 38% ; } #second_row .copy_holder p { width : 90% ; } #second_row #one, #second_row #two, #second_row #three { float : none ; width : 80% ; margin : 0 auto ; } }