/* Section 3 styles */
.scene_container { width:100%; height:100%; border:0 solid transparent; }
.scroll_section { text-align:center; padding:0; }
.scroll_section_inner { margin:0 auto 0 auto; max-width:850px; position:relative; background-image:url('../img/bg-strip.png'), url('../img/bg-strip.png'); background-size:5px 100%, 5px 100%; background-position:top left, top right; background-repeat:repeat-y, repeat-y; background-color:#fff; min-height:100vh; padding-top:15px; padding-bottom:10px; }
.scroll_section_inner.screen_top_bg { background-image:url('../img/screen-header-bg.png'), url('../img/bg-strip.png'), url('../img/bg-strip.png'); background-size:100% 17px, 5px 100%, 5px 100%; background-position:top center, top left, top right; background-repeat:no-repeat, repeat-y, repeat-y; min-height:calc(100vh - 65px); }
.scroll_section_inner.screen_base_bg { background-image:url('../img/bg-strip-horz.png'), url('../img/bg-strip.png'), url('../img/bg-strip.png'); background-size:100% 5px, 5px 100%, 5px 100%; background-position:bottom center, top left, top right; background-repeat:repeat-x, repeat-y, repeat-y; min-height:calc(100vh - 180px); }

.screen_top { margin:auto; padding:0; max-width:880px; height:65px; background-image:url('../img/screen-header.png'); background-repeat:no-repeat; background-position:bottom center; background-size:100% 50px; }
.screen_base { margin:auto; padding:0; max-width:880px; height:180px; background-image:url('../img/screen-stand.svg'); background-repeat:no-repeat; background-position:top -15px center; background-size:100% 150px; }


.scroll_section_start .scroll_section_inner { /*border-top:6px dashed #000;*/ }
.scroll_section_end .scroll_section_inner { /*border-bottom:6px dashed #000;*/ }
.button { /*font-size:2rem; margin:1rem 0; padding:5px 30px; border-radius:30px; border: 2px solid #000; display:inline-block;*/ }

#section_3.section { padding:0 90px 0 90px; position:relative; max-width:1080px; margin:auto; }
#section_3 .title { position:fixed; top:15px; left:20px; max-width:255px; max-height:135px; z-index:1; }
#section_3 h1 { font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:56px; line-height:1.2; color:#231f20; font-weight:normal; text-align:center; padding:0 0 0 0; margin:0; }
#section_3 p { padding:0 0; }
#section_3 .instruction { font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:24px; line-height:1.2; color:#231f20; font-weight:normal; text-align:center; padding:0 0 20px 0; }
#section_3 .number { width:40px; height:40px; margin:0 auto 15px auto; }

#section_3 .panel_inner { min-height:210px; }
#section_3 .panel_inner ul { list-style:none; margin:0; padding:0; }
#section_3 .panel_inner ul li { list-style:none; margin:0; padding:0; font-size:14px; }
/* 840px */
@media only screen and (max-width: 52.5em) {
    #section_3 .panel_inner { min-height:50px; }
}

.scroll_section_inner .button { /*position:absolute; bottom:30px; width:50px; margin-left:-25px;*/ }

.mobile_menu { display:none; }
.mobile_menu_overlay { display:none; }
.scene_switcher { position:fixed; top:20px; right:40px; background:url('../img/switcher-outline.svg') 0 0 no-repeat; background-size:100% 100%; padding:7px 11px; margin:0; z-index:999; }
.scene_switcher.hide { display:none; }
.scene_switcher li { margin:7px 0 7px 0; padding:0 !important; list-style:none; text-align:center; position:relative; }
.scene_switcher li.text { /*display:none;*/ font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:20px; line-height:1.2; color:#231f20; font-weight:normal; }
.scene_switcher li.close { display:none; }
.scene_switcher li a { padding:0; font-size:30px; margin:auto; text-align:center; /*border-top:1px solid #fff; border-bottom:1px solid #fff;*/ display:block; text-indent:-5000px; height:60px; width:60px; }
.scene_switcher li a:hover { text-decoration:none; }
.scene_switcher li a.scene_1 { background-image:url('../img/tab-link-1-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px 50px; }
.scene_switcher li a.scene_2 { background-image:url('../img/tab-link-2-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px 50px; }
.scene_switcher li a.scene_3 { background-image:url('../img/tab-link-3-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px 50px; }
.scene_switcher li a.scene_4 { background-image:url('../img/tab-link-4-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px 50px; }
.scene_switcher li a.scene_1.active, .scene_switcher li a.scene_1:hover { background-image:url('../img/tab-link-1.svg'); }
.scene_switcher li a.scene_2.active, .scene_switcher li a.scene_2:hover { background-image:url('../img/tab-link-2.svg'); }
.scene_switcher li a.scene_3.active, .scene_switcher li a.scene_3:hover { background-image:url('../img/tab-link-3.svg'); }
.scene_switcher li a.scene_4.active, .scene_switcher li a.scene_4:hover { background-image:url('../img/tab-link-4.svg'); }
.scene_switcher li a.scene_1:hover { background-image:url('../img/tab-link-1.svg'); background-size:60px 60px; }
.scene_switcher li a.scene_2:hover { background-image:url('../img/tab-link-2.svg'); background-size:60px 60px; }
.scene_switcher li a.scene_3:hover { background-image:url('../img/tab-link-3.svg'); background-size:60px 60px; }
.scene_switcher li a.scene_4:hover { background-image:url('../img/tab-link-4.svg'); background-size:60px 60px; }
.scene_switcher li a.scene_1.active:after { content:''; position:absolute; top:12px; right:-37px; width:36px; height:33px; background:url('../img/tab-link-arrow-1.svg') 0 0 no-repeat; }
.scene_switcher li a.scene_2.active:after { content:''; position:absolute; top:12px; right:-37px; width:36px; height:33px; background:url('../img/tab-link-arrow-2.svg') 0 0 no-repeat; }
.scene_switcher li a.scene_3.active:after { content:''; position:absolute; top:12px; right:-37px; width:36px; height:33px; background:url('../img/tab-link-arrow-3.svg') 0 0 no-repeat; }
.scene_switcher li a.scene_4.active:after { content:''; position:absolute; top:12px; right:-37px; width:36px; height:33px; background:url('../img/tab-link-arrow-4.svg') 0 0 no-repeat; }

.scene_switcher li.divider { border-top:1px solid #000; display:block !important; margin-top:8px; height:10px; }
.scene_switcher li a.back { background-image:url('../img/controls-back.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px 50px; }
.scene_switcher li a.restart { background-image:url('../img/controls-restart.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:50px 50px; }
.scene_switcher li a.back:hover { background-size:60px 60px; }
.scene_switcher li a.restart:hover { background-size:60px 60px; }

#section_3 .controls { position:absolute; bottom:190px; right:10px; width:80px; height:140px; background:url('../img/controls.svg') 0 0 no-repeat; background-size:100% 100%; z-index:999; }
#section_3 .controls a.back { display:block; width:60px; height:60px; background:url('../img/controls-back.svg') 50% 50% no-repeat; text-indent:-5000px; background-size:50px 50px; margin:10px 10px 5px 10px; }
#section_3 .controls a.restart { display:block; width:60px; height:60px; background:url('../img/controls-restart.svg') 50% 50% no-repeat; text-indent:-5000px; background-size:50px 50px; margin:5px 10px 10px 10px; }
/* 639px */
@media only screen and (max-width: 39.938em) {
    #section_3 .controls { position:absolute; bottom:15px; right:10px; width:100px; height:55px; }
    #section_3 .controls a.back { display:inline-block; width:45px; height:45px; background-size:35px 35px; margin:5px 0 5px 5px; }
    #section_3 .controls a.restart { display:inline-block; width:45px; height:45px; background-size:35px 35px; margin:5px 0 5px 0; }
    #section_4 .controls a:hover { background-size:45px 45px; }
}
    
#section_3 .dr_pemberton_speech { position:absolute; top:110px; bottom:auto; left:-80px; right:auto; max-width:300px; min-height:150px; }
#section_3 .speech_bubble { width:210px; min-height:150px; margin:auto; }
#section_3 .speech_bubble p { font-size:16px; width:100%; height:100%; background:url('../img/speech-bubble-1.svg') 0 0 no-repeat; background-size:100% 100%; padding:30px 20px 55px 20px; text-align:left; }

/* ANIMATED / INTERACTIVE SVGs */
#section_3 .metrics { width:74%; height:auto; min-height:410px; margin:10px auto; padding-top:0; }
/* 768px */
@media only screen and (max-width: 48em) {
    #section_3 .metrics { min-height:400px; }
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_3 .metrics { min-height:350px; }
}
/* 375px */
@media only screen and (max-width: 23.438em) {
    #section_3 .metrics { min-height:270px; margin:5px auto; }
}

#section_3 #red_1, #section_3 #red_2, #section_3 #red_3, #section_3 #red_4 {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#section_3 #red_1:hover, #section_3 #red_2:hover, #section_3 #red_3:hover, #section_3 #red_4:hover {
    cursor:pointer;
}
#section_3 #unit_case_volume_growth_icon,#section_3 #net_rev_growth_icon,#section_3 #profit_before_tax_growth_icon,#section_3 #economic_profit_growth_icon {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#section_3 #unit_case_volume_growth_icon:hover,#section_3 #net_rev_growth_icon:hover,#section_3 #profit_before_tax_growth_icon:hover,#section_3 #economic_profit_growth_icon:hover {
    cursor:pointer;
}


/*#section_3 .real_life_story { display:block; position:absolute; top:100px; bottom:20px; right:-80px; background:url('../img/real-life-story-note.svg') 0 0 no-repeat; background-size:95% 95%; background-position:50% 50%; width:245px; height:242px; padding:70px 45px 30px 20px; }*/
#section_3 .real_life_story { display:block; position:absolute; top:440px; bottom:auto; right:-80px; background:url('../img/real-life-story-note.svg') 0 0 no-repeat; background-size:95% 95%; background-position:50% 50%; width:245px; height:242px; padding:70px 45px 30px 20px; }
#section_3 .real_life_story p { font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:28px; line-height:1.1; color:#231f20; font-weight:normal; text-align:center; }
#section_3 .real_life_story:hover { background-size:100% 100%; }

/* 1 - UNIT CASE GROWTH */
#scene_1 .main-graphic { max-width:145px; }
#scene_1 .up-arrow { max-width:25px; }
#scene_1 p { max-width:280px; margin:auto; }

/* 1023px */
@media only screen and (max-width: 63.938em) {
    #section_3 .real_life_story { display:block; position:absolute; top:auto; bottom:20px; right:-80px; }
}



/* 2 - NET REVENUE GROWTH */
#scene_2 p { max-width:280px; margin:auto; }
#section_3 #netrev_graphic { width:84%; height:auto; min-height:280px; margin:0 auto; padding-top:0; }
#scene_2 .plus_button { margin-bottom:90px !important; }
/* 768px */
@media only screen and (max-width: 48em) {
    #section_3 #netrev_graphic { min-height:275px; }
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_3 #netrev_graphic { min-height:240px; }
}
/* 375px */
@media only screen and (max-width: 23.438em) {
    #section_3 #netrev_graphic { min-height:200px; margin:5px auto; }
}
#section_3 #net_rev_share, #section_3 #net_rev_price, #section_3 #net_rev_mix {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#section_3 #net_rev_share:hover, #section_3 #net_rev_price:hover, #section_3 #net_rev_mix:hover {
    cursor:pointer;
}




/* 3 - PROFIT BEFORE TAX GROWTH */
#section_3 #pbtg_graphic { width:84%; height:auto; min-height:300px; margin:-20px auto 0 auto; padding-top:0; }
#scene_3 .up-arrow { max-width:25px; }
#scene_3 p { max-width:320px; margin:auto; }
#scene_3 .plus_button { margin-bottom:90px !important; }
/* 768px */
@media only screen and (max-width: 48em) {
    #section_3 #pbtg_graphic { min-height:245px; }
    #scene_3 p { max-width:280px; margin:auto; }
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_3 #pbtg_graphic { min-height:210px; }
}
/* 375px */
@media only screen and (max-width: 23.438em) {
    #section_3 #pbtg_graphic { min-height:150px; margin:0 auto 40px auto; }
}
#section_3 #pbtg_cogs, #section_3 #pbtg_oe, #section_3 #pbtg_cm {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#section_3 #pbtg_cogs:hover, #section_3 #pbtg_oe:hover, #section_3 #pbtg_cm:hover {
    cursor:pointer;
}


/* 4 - ECONOMIC PROFIT GROWTH */
#scene_4 .epg-full-graphic { max-width:800px; min-height:250px; position:relative; margin:-80px auto 0 auto; padding:0; }
#scene_4 .epg-full-graphic img { width:100%; }

#section_3 #epg_graphic { width:84%; height:auto; min-height:320px; margin:-30px auto 0 auto; padding-top:0; }
#scene_4 p { max-width:350px; margin:auto; }
#scene_4 .plus_button { margin-bottom:90px !important; }
/* 768px */
@media only screen and (max-width: 48em) {
    #section_3 #epg_graphic { min-height:345px; }
    #scene_4 p { max-width:280px; }
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_3 #epg_graphic { min-height:250px; }
}
/* 375px */
@media only screen and (max-width: 23.438em) {
    #section_3 #epg_graphic { width:98%; min-height:200px; margin:0 auto 40px auto; }
}
#section_3 #epg_wcm, #section_3 #epg_fau, #section_3 #epg_ae {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#section_3 #epg_wcm:hover, #section_3 #epg_fau:hover, #section_3 #epg_ae:hover {
    cursor:pointer;
}



/* WHAT CAN I DO */
#section_3 .content { margin:0 6% 0 6%; padding-top:0; padding-bottom:110px; padding-right:50px; float:left; width:38%; text-align:left; }
#section_3 .content.second { float:right; padding-top:30px; padding-left:50px; padding-right:0; }
#section_3 .content h1 { font-size:44px; padding:0 35px 10px 0; }
#section_3 .content.second h1 { padding:0 0 10px 35px; }
#section_3 .content p { text-align:left; font-size:14px; line-height:1.3; }
#section_3 .content .wcid_role { text-align:center; font-size:16px; line-height:1.4; padding:0 35px 10px 0; }
#section_3 .content .panel_left { background:url('../img/what-can-left-panel.svg') 0 0 no-repeat; padding:40px 70px 90px 35px; position:relative; background-size:100% 100%; }
#section_3 .content .panel_right { background:url('../img/what-can-right-panel.svg') 0 0 no-repeat; padding:40px 35px 90px 70px; position:relative; background-size:100% 100%; min-height:340px; }
#section_3 .content .pages { position:absolute; bottom:30px; left:50%; height:40px; width:180px; line-height:40px; font-size:1rem; text-align:center; margin-left:-80px; }
#section_3 .content .panel_left .pages { margin-left:-105px; }
#section_3 .content .panel_right .pages { margin-left:-70px; }
#section_3 .content .panel_left .drop { display:none; /*position:absolute; top:40px; left:35px; height:26px; width:18px; background:url('../img/red-drop.svg') 0 0 no-repeat; background-size:18px 26px;*/ }
#section_3 .content .panel_right .drop { display:none; /*position:absolute; top:40px; left:70px; height:26px; width:18px; background:url('../img/red-drop.svg') 0 0 no-repeat; background-size:18px 26px;*/ }
#section_3 .content .prev { display:inline-block; width:40px; height:40px; background:url('../img/left-arrow.svg') 50% 50% no-repeat; background-size:35px 35px; text-indent:-5000px; margin-right:5px; }
#section_3 .content .prev.disabled {background:url('../img/left-arrow-grey.svg') 50% 50% no-repeat; cursor:default; }
#section_3 .content .prev:hover { background-size:40px 40px; }
#section_3 .content .next { display:inline-block; width:40px; height:40px; background:url('../img/right-arrow.svg') 50% 50% no-repeat; background-size:35px 35px; text-indent:-5000px; margin-left:5px;}
#section_3 .content .next.disabled { background:url('../img/right-arrow-grey.svg') 50% 50% no-repeat; cursor:default; }
#section_3 .content .next:hover { background-size:40px 40px; }
/* Bottle -> */
#section_3 .bottle { position:absolute; top:2%; /*right:10%;*/ /*bottom:20%;*/ left:50%; width:42%; margin-left:-21%; }
/*#section_3 .bottle { position:absolute; bottom:18%; left:50%; width:47%; min-height:400px; margin-left:-25%; }*/
#section_3 .divider { display:none; }
/* 840px */
@media only screen and (max-width: 52.5em) {
    #section_3 .content h1 { padding:0 35px 5px 35px; }
    #section_3 .content.second h1 { padding:0 35px 5px 35px; }
    #section_3 .content { float:none; margin:0 0 0 0; padding-top:0; padding-bottom:0; float:none; width:100%; padding-left:30px; padding-right:30px; }
    #section_3 .content.second { float:none; padding-top:0; padding-bottom:0; padding-left:30px; padding-right:30px; margin-top:25px; margin-bottom:100px; }
    #section_3 .bottle { position:relative; bottom:auto; left:auto; right:auto; width:47%; min-height:150px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
    #section_3 .content .panel_left { background:none; padding:10px 0 100px 0; position:relative; }
    #section_3 .content .panel_right { background:none; padding:10px 0 100px 0; position:relative; min-height:inherit; }
    #section_3 .content .wcid_role { padding:0 10px 10px 10px; }
    #section_3 .content .panel_left .drop { position:absolute; top:-20px; left:50%; height:26px; width:18px; margin-left:-9px; }
    #section_3 .content .panel_right .drop { position:absolute; top:-20px; left:50%; height:26px; width:18px; margin-left:-9px; }
    #section_3 .content .pages { position:absolute; bottom:30px; left:50%; height:40px; width:180px; line-height:40px; font-size:1rem; text-align:center; margin-left:-90px; }
    #section_3 .content .panel_left .pages { margin-left:-90px; }
    #section_3 .content .panel_right .pages { margin-left:-90px; }
    #section_3 .divider { display:block; width:90%; margin:15px auto; }
}


#scene_4a .button { position:absolute; bottom:-70px; right:30px; width:230px; height:110px; background:url('../img/next.svg') 0 0 no-repeat; text-indent:-5000px; }
#scene_4a .scroll_section_inner { padding-top:0; padding-bottom:20px; }
#scene_4a .bottle_wrapper { min-height:30px; }
#scene_4a .bottle_wrapper .bottle { top:0; width:38%; margin-left:-20%; }

#section_3 .next_title { font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:36px; line-height:1.2; color:#231f20; font-weight:normal; text-align:center; padding:0 0 0 0; }

#scene_0 .button { position:absolute; bottom:30px; left:50%; display:block; width:60px; height:60px; background:url('../img/down-arrow.svg') 50% 50% no-repeat; background-size:52px 52px; text-indent:-5000px; margin-left:-30px; /*margin:30px auto 0 auto;*/ }
#scene_0 .button:hover { background-size:60px 60px; }
#scene_0 .next_title { position:absolute; bottom:90px; left:50%; display:block; width:350px; max-width:350px; margin-left:-175px; }
#scene_1 .next_title, #scene_2 .next_title, #scene_3 .next_title, #scene_4 .next_title { position:absolute; bottom:115px; left:50%; display:block; width:350px; max-width:350px; margin-left:-175px; }
#scene_1a .next_title, #scene_2a .next_title, #scene_3a .next_title { position:absolute; bottom:10px; left:50%; display:block; width:350px; max-width:350px; margin-left:-175px; }

#scene_1 .button, #scene_2 .button, #scene_3 .button, #scene_4 .button { position:absolute; bottom:20px; left:50%; display:block; width:70px; height:95px; background:url('../img/droplet-arrow.svg') 50% 50% no-repeat; background-size:60px 81px; text-indent:-5000px; margin-left:-35px; }
#scene_1 .button:hover, #scene_2 .button:hover, #scene_3 .button:hover, #scene_4 .button:hover { background-size:70px 95px; }
#scene_1a .button, #scene_2a .button, #scene_3a .button { position:absolute; bottom:55px; left:50%; display:block; width:70px; height:95px; background:url('../img/down-arrow-yellow.svg') 50% 50% no-repeat; background-size:60px 81px; text-indent:-5000px; margin-left:-35px; }
#scene_1a .button:hover, #scene_2a .button:hover, #scene_3a .button:hover { background-size:70px 95px; }


.plus_button { display:block; width:60px; height:60px; background:url('../img/plus.svg') 50% 50% no-repeat; background-size:55px 55px; text-indent:-5000px; margin:0 auto; }
.plus_button:hover { background-size:60px 60px; }

/* 1023px */
@media only screen and (max-width: 63.938em) {
    #section_3 .title { position:relative; display:block; max-width:255px; z-index:1; margin:auto; padding-right:30px; }
}

/* 960px */
@media only screen and (max-width: 60em) {
    /*#section_3 .dr_pemberton_speech { top:auto; bottom:70px; left:-80px; right:auto; max-width:300px; min-height:150px; }*/
}

/* 840px */
@media only screen and (max-width: 52.5em) {
    #scene_0 .scroll_section_inner { padding-bottom:120px; }
    #scene_1 .scroll_section_inner { padding-bottom:120px; }
    #scene_1a .scroll_section_inner { padding-bottom:120px; }
    #scene_2 .scroll_section_inner { padding-bottom:120px; }
    #scene_2a .scroll_section_inner { padding-bottom:120px; }
    #scene_3 .scroll_section_inner { padding-bottom:120px; }
    #scene_3a .scroll_section_inner { padding-bottom:120px; }
    #scene_4 .scroll_section_inner { padding-bottom:120px; }
    
    #scene_4a .bottle_wrapper { min-height:30px; }
    #scene_4a .bottle_wrapper .bottle { top:0; width:50%; margin-left:auto; }
    
    #section_3 .title { position:relative; display:block; max-width:255px; z-index:1; margin:auto; padding-right:30px; }
    #section_3 .dr_pemberton_speech { position:relative; top:auto; bottom:auto; left:auto; margin:30px auto; }
    #section_3 .dr_pemberton_inner { margin:0 auto; }
    #section_3 .speech_bubble { width:250px; }
    
    .mobile_menu_overlay { background-image:url(../img/coca-cola-tile-bg.png); background-position:center; display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:980; }
    .mobile_menu_overlay.is-visible { display:block; z-index:1009; }
    .mobile_menu { display:block; position:fixed; top:10px; right:70px; background:url('../img/mobile-menu-icon.svg') 0 0 no-repeat; background-size:90% 90%; background-position:50% 50%; width:70px; height:70px; padding:0; margin:0; z-index:1009; text-indent:-5000px; }
    .mobile_menu:hover { background-size:100% 100%; }
    .scene_switcher { display:none; }
    .scene_switcher.is-visible { display:block; z-index:1010; top:10%; left:50%; right:auto; bottom:auto; -webkit-transform:translate(-50%, -5%); -ms-transform:translate(-50%, -5%); transform:translate(-50%, -5%); width:254px; }
    .scene_switcher li { margin:7px 0 7px 0; padding:0 !important; list-style:none; text-align:center; position:relative; /*display:inline-block;*/ }
    .scene_switcher li.text { display:block; font-size:44px; margin-top:10px; margin-bottom:10px; }
    .scene_switcher li.close { display:block; }
    .scene_switcher.smallscreen li { display:inline-block; }
    .scene_switcher.smallscreen li.text { display:block; }
    .scene_switcher.smallscreen li.close { display:block; }
    .scene_switcher.smallscreen li.divider { display:none !important; margin-top:0; height:1px; }
    .scene_switcher li a { padding:0; font-size:30px; text-align:center; /*border-top:1px solid #fff; border-bottom:1px solid #fff;*/ display:block; text-indent:-5000px; height:85px; width:85px; margin-bottom:10px; }
    .scene_switcher li a:hover { text-decoration:none; }
    .scene_switcher.smallscreen li { display:inline-block; }
    .scene_switcher.smallscreen li a { height:55px; width:55px; }
    .scene_switcher li a.scene_1 { background-image:url('../img/tab-link-1-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:85% 85%; }
    .scene_switcher li a.scene_2 { background-image:url('../img/tab-link-2-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:85% 85%; }
    .scene_switcher li a.scene_3 { background-image:url('../img/tab-link-3-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:85% 85%; }
    .scene_switcher li a.scene_4 { background-image:url('../img/tab-link-4-outline.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:85% 85%; }
    .scene_switcher li a.scene_1.active { background-image:url('../img/tab-link-1.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_2.active { background-image:url('../img/tab-link-2.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_3.active { background-image:url('../img/tab-link-3.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_4.active { background-image:url('../img/tab-link-4.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_1:hover { background-image:url('../img/tab-link-1.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_2:hover { background-image:url('../img/tab-link-2.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_3:hover { background-image:url('../img/tab-link-3.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_4:hover { background-image:url('../img/tab-link-4.svg'); background-size:100% 100%; }
    .scene_switcher li a.scene_1.active:after,
    .scene_switcher li a.scene_2.active:after,
    .scene_switcher li a.scene_3.active:after,
    .scene_switcher li a.scene_4.active:after { content:''; position:absolute; top:12px; right:-37px; width:36px; height:33px; background:none; }
    
    .scene_switcher li a.back { background-image:url('../img/controls-back.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:85% 85%; }
    .scene_switcher li a.restart { background-image:url('../img/controls-restart.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:85% 85%; }
    .scene_switcher li a.back:hover { background-size:100% 100%; }
    .scene_switcher li a.restart:hover { background-size:100% 100%; }
    
    .scene_switcher li.close .mobile_menu_close { width:60px; height:60px; position:absolute; bottom:-85px; left:50%; margin-left:-30px; padding:0; background:url('../img/x-close.svg') 50% 50% no-repeat; background-size:50px 50px; text-indent:-5000px; }
    .scene_switcher li.close .mobile_menu_close:hover { background-size:60px 60px; }
    
    #section_3 .real_life_story { display:block; margin:50px auto 100px auto; position:relative; bottom:auto; right:auto; background:url('../img/real-life-story-note.svg') 0 0 no-repeat; background-size:95% 95%; background-position:50% 50%; width:245px; height:242px; }

}

/* 768px */
@media only screen and (max-width: 48em) {
    #section_3.section { padding:0 60px 0 60px; }
    
    #section_3 h1 { font-size:42px; }
    .mobile_menu { right:45px; }
}

/* 639px */
@media only screen and (max-width: 39.938em) {
    #section_3.section { padding:0 15px 0 15px; }
    .mobile_menu { right:5px; }
    
    .scene_switcher li.divider { display:none !important; margin-top:0; height:1px; }
    .scene_switcher li { display:inline-block; }
    .scene_switcher li a { height:55px; width:55px; }
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_3 h1 { font-size:32px; }
}

/* 375px */
@media only screen and (max-width: 23.438em) {
    .scene_switcher { position:fixed; }
    #section_3 .next_title { font-size:30px; }
    
}



/* DRIPS */
#scene_1b .scroll_section_inner, #scene_2b .scroll_section_inner, #scene_3b .scroll_section_inner, #scene_4b .scroll_section_inner { min-height:110vh; }
#scene_1b .droplet_anim, #scene_2b .droplet_anim, #scene_3b .droplet_anim, #scene_4b .droplet_anim { width:58px; height:78px; position:fixed; /*top:90%;*/ left:50%; margin-left:-29px; z-index:999; opacity:0; background:url('../img/droplet-anim.svg') 50% 50% no-repeat; background-size:100% 100%; }
.droplet_anim.hide { display:none; }
.bottle_wrapper { min-height:1px; }
/* 460px */
@media only screen and (max-width: 28.75em) {
    #scene_1b .droplet_anim, #scene_2b .droplet_anim, #scene_3b .droplet_anim, #scene_4b .droplet_anim { width:40px; height:54px; margin-left:-20px; }
}

/* 375px */
@media only screen and (max-width: 23.438em) {
    #scene_1b .droplet_anim, #scene_2b .droplet_anim, #scene_3b .droplet_anim, #scene_4b .droplet_anim { width:26px; height:34px; margin-left:-13px; }
}