A5J0kSfn5UszolIjsiSDAwSAKYEP14TCkvPGY8PGY8MygBMxA8/TAnOxqnFzoobGJibAAAAAACACj/9AGYAbAAGAAfAGa2AwICAwIBSkuwIlBYQB8ABAACAwQCYQcBBQUBWwABARhLBgEDAwBbAAAAGQBMG0AdAAEHAQUEAQVjAAQAAgMEAmEGAQMDAFsAAAAZAExZQBQZGQAAGR8ZHhwbABgAFxMmJQgGFyskNjcXBgYjIiYmNTQ2NjMyFhYVIRUUFhYzAgYHMyYmIwEcVBgMGVs1NVo0NFo1K1Ay/uwNLS03LAO+AyUwBDkvCTM8PGU9PGY8LFM3KENVNgGcTkhITgADACj/9AGYApoAAwAcACMAbEAMBwYCAwIBSgIBAgFIS7AiUFhAHwAEAAIDBAJhBwEFBQFbAAEBGEsGAQMDAFsAAAAZAEwbQB0AAQcBBQQBBWMABAACAwQCYQYBAwMAWwAAABkATFlAFB0dBAQdIx0iIB8EHAQbEyYpCAYXKxM3FwcSNjcXBgYjIiYmNTQ2NjMyFhYVIRUUFhYzAgYHMyYmI78/T39OVBgMGVs1NVo0NFo1K1Ay/uwNLS03LAO+AyUwAgCaHYP+CjkvCTM8PGU9PGY8LFM3KENVNgGcTkhITgAAAAADACj/9AGYAoQAEQAqADEAiEALFRQCBgUBShEBAUhLsCJQWEAsAAECAXIAAgAABAIAYwAHAAUGBwVhCgEICARbAAQEGEsJAQYGA1sAAwMZA0wbQCoAAQIBcgACAAAEAgBjAAQKAQgHBAhjAAcABQYHBWEJAQYGA1sAAwMZA0xZQBcrKxISKzErMC4tEioSKRMmKiMTIgsGGisABgYjIiYmNTMUFhYzMjY2NTMCNjcXBgYjIiYmNTQ2NjMyFhYVIRUUFhYzAgYHMyYmIwFMDTM0NDQNEAwtLCwsDBAwVBgMGVs1NVo0NFo1K1Ay/uwNLS03LAO+AyUwAnczNDQzDQcfHh4fB/2AOS8JMzw8ZT08ZjwsUzcoQ1U2AZ 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.pink { background-color : #eb9494 ; 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.smoky:hover { opacity : 1 ; } #top_nav p.smoky .cta_button { cursor : default ; opacity : 0.2 ; } #top_nav p.lips { background-color : #c22536 ; flex-grow : 1 ; flex-basis : 25% ; cursor : pointer ; } #top_nav p.base { background-color : #cc977c ; 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_smoky { width : 78% ; margin : 0 auto ; padding-bottom : 2.3em ; } #top_row .copy_holder_smoky h2 { font-size : 3.5em ; color : #773244 ; line-height : 1em ; } #top_row .copy_holder_smoky h3 { font-size : 3.5em ; color : #c69769 ; text-transform : none ; } #top_row .copy_holder_smoky p { font-size : 2.2em ; color : #c69769 ; line-height : 1.15em ; margin-bottom : 0 ; padding-top : 1em ; } #top_row .copy_holder_smoky p span { color : #69424b ; } #top_row .copy_holder_howto { max-width : 366px ; position : absolute ; text-align : center ; top : 60% ; z-index : 2 ; } #top_row h2.how_to { color : #69424b ; 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 : #69424b ; 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 : #69424b ; } #top_row .copy_holder_howto .cta_button { font-size : 1.8em ; font-family : futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif ; text-decoration : underline ; color : #6a434c ; font-weight : bold ; } #top_row .left { float:left ; width : 62% ; } #top_row .right { float:right ; width : 37.7% ; } #banner { width : 100% ; background-color : #6c464f ; 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 : #6e4851 ; 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 : #69424b ; } #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 : 8.5% ; max-width : 100% ; top : 65% ; } #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 : 80% ; } #top_row .copy_holder_smoky 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 : 100% ; margin : 0 auto ; padding-bottom : 0.5em ; } } @media (max-width : 767px) { #top_row .copy_holder_howto { max-width : 366px ; top : 60% ; } .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 ; } }