/* Section 4 styles */
#section_4.section { padding-left:100px; padding-right:100px; padding-bottom:130px; padding-top:70px; }
#section_4 h1 { font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:52px; line-height:1.2; color:#231f20; font-weight:normal; text-align:center; padding:0 0 20px 0; margin:auto; }
#section_4 .controls { position:absolute; z-index:999; bottom:30px; right:-90px; width:80px; height:210px; background:url('../img/controls.svg') 0 0 no-repeat; background-size:100% 100%; }
#section_4 .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_4 .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 5px 10px; }
#section_4 .controls a.print { display:block; width:60px; height:60px; background:url('../img/controls-print.svg') 50% 50% no-repeat; text-indent:-5000px; background-size:50px 50px; margin:5px 10px 10px 10px; }
#section_4 .controls a:hover { background-size:60px 60px; }
#section_4 .lightbulb { position:absolute; top:50px; left:40px; width:50px; height:50px; background:url('../img/lightbulb.svg') 0 0 no-repeat; }
/*#section_4 .handshake { position:absolute; top:50px; right:35px; width:55px; height:50px; background:url('../img/handshake.svg') 0 0 no-repeat; }*/
/*#section_4 .star { position:absolute; bottom:80px; right:30px; width:50px; height:50px; background:url('../img/star.svg') 0 0 no-repeat; }*/

#section_4 .tabs { }
#section_4 .tab { position:absolute; right:-64px; width:70px; height:65px; background:url('../img/tab.svg') -5px 0 no-repeat; z-index:-2; }
#section_4 .tab.sc_1 { top:150px; }
#section_4 .tab.sc_2 { top:220px; }
#section_4 .tab.sc_3 { top:290px; }
#section_4 .tab.sc_4 { top:360px; }
#section_4 .tab.active { z-index:1; }
#section_4 .tab_link { position:absolute; right:-64px; width:75px; height:65px; z-index:1; }
#section_4 .tab_link.one { top:150px; background:url('../img/tab-link-1.svg') 50% 50% no-repeat; background-size:45px 45px; }
#section_4 .tab_link.two { top:220px; background:url('../img/tab-link-2.svg') 50% 50% no-repeat; background-size:45px 45px; }
#section_4 .tab_link.three { top:290px; background:url('../img/tab-link-3.svg') 50% 50% no-repeat; background-size:45px 45px; }
#section_4 .tab_link.four { top:360px; background:url('../img/tab-link-4.svg') 50% 50% no-repeat; background-size:45px 45px; }
#section_4 .tab_link.active { background-size:50px 50px; }
#section_4 .tab_link:hover { background-size:50px 50px; }

#section_4 .intro { display:block; margin:0 105px 0 105px; padding-top:90px; padding-bottom:20px; }
#section_4 .content { display:none; margin:0 105px 0 150px; padding-top:0; padding-bottom:20px; }
#section_4 #sc_1 { display:block; }
#section_4 .content h2 { display:none; }
#section_4 .content p { padding-left:30px; }
#section_4 .content ul { margin-left:0; padding:0; }
#section_4 .content ul li { list-style:none; margin-bottom:15px; margin-left:0; font-size:1rem; line-height:1.3; padding:0 0 0 30px; min-height:30px; background-image:url('../img/bullet-droplet.svg'); background-position:0 0; background-repeat:no-repeat; background-size:15px 21px; }

#section_4 .rerate { /*display:block;*/ margin:0 105px 0 120px; padding-top:0; padding-bottom:120px; }
#section_4 label { display:block; font-family:'jackie_sue_bfregular', helvetica, arial, sans-serif; font-size:32px; line-height:1.2; color:#231f20; margin-bottom:10px; margin-top:30px; padding-left:30px; }

#section_4 .title { top:-130px; left:-13%; max-width:215px; }
#section_4 .clipboard { position:absolute; top:-60px; left:50%; margin-left:-125px; width:250px; }
#section_4 .section_inner { max-width:780px; }
#section_4 .button { position:absolute; bottom:-45px; right:20px; width:240px; height:119px; background:url('../img/learn-more.svg') 0 0 no-repeat; text-indent:-5000px; }
#section_4 .dr_pemberton { position:absolute; top:290px; left:-100px; }
#section_4 .speech_bubble { position:absolute; top:30px; left:-95px; right:auto; max-width:185px; min-height:150px; }
#section_4 .speech_bubble p { width:100%; height:100%; background:url('../img/speech-bubble-1.svg') 0 0 no-repeat; background-size:100% 100%; padding:30px 30px 50px 30px; }

/* 768px */
@media only screen and (max-width: 48em) {
    #section_4 .title { left:-20px; max-width:195px; }
    #Xsection_4.section { padding-left:60px; padding-right:60px; }
    #section_4 .clipboard { top:-45px; left:50%; margin-left:-100px; width:200px; }
    #section_4 .intro {margin:0 45px 0 45px; }
    #section_4 .content { margin:0 45px 0 45px; padding-top:0; /*padding-bottom:400px;*/ }
    #section_4 .rerate { margin:0 45px 0 45px; padding-bottom:340px; }
    #section_4 .dr_pemberton { top:auto; bottom:-50px; left:-60px; }
    #section_4 .speech_bubble { top:auto; bottom:190px; left:45px; max-width:500px; margin-right:45px; }
    #section_4 .speech_bubble p { padding:20px 30px 40px 30px; }
}

/* 639px */
@media only screen and (max-width: 39.938em) {
    #section_4 .title { left:0; max-width:155px; }
    #section_4.section { padding-left:10px; padding-right:10px; }
    #section_4 .dr_pemberton { left:-5px; }
    #section_4 .button { right:5px; }
    #section_4 .controls { position:absolute; bottom:-90px; right:10px; width:150px; height:55px; }
    #section_4 .controls a.back { display:inline-block; width:45px; height:45px; background-size:35px 35px; margin:5px 0 5px 5px; }
    #section_4 .controls a.restart { display:inline-block; width:45px; height:45px; background-size:35px 35px; margin:5px 0 5px 0; }
    #section_4 .controls a.print { display:inline-block; width:45px; height:45px; background-size:35px 35px; margin:5px 5px 5px 0; }
    #section_4 .controls a:hover { background-size:45px 45px; }
    
    #section_4 .tabs { position:relative; height:70px; border-bottom:2px solid #000; margin:0 45px 30px 45px; }
    #section_4 .tab { position:absolute; right:auto; width:70px; height:65px; background:url('../img/tab.svg') 0 5px no-repeat; z-index:-1; opacity:0.8; }
    #section_4 .tab.sc_1 { left:30px; top:5px; }
    #section_4 .tab.sc_2 { left:110px; top:5px; }
    #section_4 .tab.sc_3 { left:190px; top:5px; }
    #section_4 .tab.sc_4 { left:270px; top:5px; }
    #section_4 .tab.active { z-index:1; background-position:0 2px; opacity:1; }
    #section_4 .tab_link { position:absolute; right:auto; width:75px; height:65px; z-index:1; opacity:0.8; }
    #section_4 .tab_link.one { left:27px; top:8px; background:url('../img/tab-link-1.svg') 50% 50% no-repeat; background-size:45px 45px; }
    #section_4 .tab_link.two { left:107px; top:8px; background:url('../img/tab-link-2.svg') 50% 50% no-repeat; background-size:45px 45px; }
    #section_4 .tab_link.three { left:187px; top:8px; background:url('../img/tab-link-3.svg') 50% 50% no-repeat; background-size:45px 45px; }
    #section_4 .tab_link.four { left:267px; top:8px; background:url('../img/tab-link-4.svg') 50% 50% no-repeat; background-size:45px 45px; }
    #section_4 .tab_link.active { background-size:50px 50px; opacity:1; }
    #section_4 .tab_link:hover { background-size:50px 50px; opacity:1; }
}

/* 460px */
@media only screen and (max-width: 28.75em) {
    #section_4 .lightbulb { left:20px; width:30px; height:40px; }
    #section_4 .handshake { right:20px;  width:35px; height:40px; }
    #section_4 .star { right:20px; width:35px; height:40px; }
    #section_4 .intro { margin:0 25px 0 25px; }
    #section_4 .content { margin:0 25px 0 25px; /*padding-bottom:370px;*/ }
    #section_4 .rerate { margin:0 25px 0 25px; }
    #section_4 label { padding-left:5px; padding-right:5px; }
    #section_4 .button { right:20px; width:173px; height:86px; }
    #section_4 .speech_bubble { bottom:170px; left:25px; margin-right:25px;}
    #section_4 .speech_bubble p { padding:20px 20px 40px 20px; }
    #section_4 h1 { font-size:44px; }
    #section_4 .tabs { margin:0 15px 30px 15px; }
    #section_4 .tab.sc_1 { left:10px; }
    #section_4 .tab.sc_2 { left:85px; }
    #section_4 .tab.sc_3 { left:165px; }
    #section_4 .tab.sc_4 { left:245px; }
    #section_4 .tab_link.one { left:7px; }
    #section_4 .tab_link.two { left:82px; }
    #section_4 .tab_link.three { left:162px; }
    #section_4 .tab_link.four { left:242px; }
}

/* 375px */
@media only screen and (max-width: 23.438em) {
    #section_4 .star { bottom:55px; }
    #section_4 .title { left:0; }
    #section_4 .content { margin:0 25px 0 25px; /*padding-bottom:290px;*/ }
    #section_4 .content p { font-size:15px; }
    #section_4 .content ul li { font-size:15px; }
    #section_4 .rerate { margin:0 10px 0 10px; padding-bottom:250px; }
    #section_4 .button { right:0; bottom:-35px; width:153px; height:76px; }
    #section_4 .speech_bubble { bottom:100px; }
    #section_4 .speech_bubble p { padding:20px 20px 40px 20px; font-size:16px; }
    
    #section_4 .tabs { height:55px; }
    #section_4 .tab { background-position:0 6px; }
    #section_4 .tab.sc_1 { left:10px; width:50px; height:50px; }
    #section_4 .tab.sc_2 { left:75px; width:50px; height:50px; }
    #section_4 .tab.sc_3 { left:140px; width:50px; height:50px; }
    #section_4 .tab.sc_4 { left:205px; width:50px; height:50px; }
    #section_4 .tab.active { background-position:0 6px; }
    #section_4 .tab_link.one { left:7px; top:0; width:55px; background-size:35px 35px; }
    #section_4 .tab_link.two { left:72px; top:0; width:55px; background-size:35px 35px; }
    #section_4 .tab_link.three { left:135px; top:0; width:55px; background-size:35px 35px; }
    #section_4 .tab_link.four { left:202px; top:0; width:55px; background-size:35px 35px; }
}