#intro .nav-links p.text-bold { margin-bottom: 1.4rem !important; }
#intro #chapters { padding: 0 !important; }

#intro .para_highlight { background-color: #F1F2F3; padding: 2rem 3rem; border: 1px solid #D2D3D6; border-radius: 25px; line-height: 2.8rem; }

section { position: relative; }

section .bg { width: 100%; max-width: 1000px; height: 100%;  position: absolute; top: 0;}
a.download_pdf { background: #085f9d; padding: 1rem 2rem; color: #ffffff; position: fixed; left: 0; top: 40%; font-size: 2rem; text-align: center; z-index: 100; border-color: #fff; border-width: 0; border-style: solid; }
a.download_pdf:hover { text-decoration: none; background-color: #0f466e; }
a.download_pdf span { width: 30px; height: 41px; background: url(../images/download.png) no-repeat 0 0; background-size: 100%; display: block; margin: 0 auto; }
a.download_pdf_mob {margin: 0 0 3rem 0; background: #085f9d; color: #ffffff; font-size: 2rem; padding: 1.5rem 2rem; display: inline-block; display: none; font-family: Arial, Helvetica, sans-serif; }
a.download_pdf_mob span { width: 20px; height: 30px; background: url(../images/download.png) no-repeat 0 0; background-size: 100%; display: inline-block; vertical-align: middle; margin-right: 1rem; }

.slide1-icon .icon-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
.slide1-icon.slide1_icon3 .icon-layer-1 { background: url(../images/slide1-icon3-l1.png); z-index: 5; background-repeat: no-repeat; }
.slide1-icon.slide1_icon3 .icon-layer-2 { background: url(../images/slide1-icon3-l2.png); z-index: 2; background-repeat: no-repeat; }
.slide1-icon.slide1_icon2 .icon-layer-1 { background: url(../images/slide1-icon2-l1.png); z-index: 5; background-repeat: no-repeat; }
.slide1-icon.slide1_icon2 .icon-layer-2 { background: url(../images/slide1-icon2-l2.png); z-index: 2; background-repeat: no-repeat; }
.slide1-icon.slide1_icon5 .icon-layer-1 { background: url(../images/slide1-icon5-l1.png); z-index: 5; background-repeat: no-repeat; }
.slide1-icon.slide1_icon5 .icon-layer-2 { background: url(../images/slide1-icon5-l2.png); z-index: 2; background-repeat: no-repeat; }
.slide1-icon.slide1_icon1 .icon-layer-1 { background: url(../images/slide1-icon1-l1.png); z-index: 5; background-repeat: no-repeat; }
.slide1-icon.slide1_icon1 .icon-layer-2 { background: url(../images/slide1-icon1-l2.png); z-index: 2; background-repeat: no-repeat; }
.slide1-icon.slide1_icon4 .icon-layer-1 { background: url(../images/slide1-icon4-l1.png); z-index: 5; background-repeat: no-repeat; }
.slide1-icon.slide1_icon4 .icon-layer-2 { background: url(../images/slide1-icon4-l2.png); z-index: 2; background-repeat: no-repeat; }
.slide1-icon .icon-layer-2 { opacity: 0; }

.slide1_icon1 { width: 17%; max-width: 270px; height: 260px; /*background: url(../images/slide1-icon1.png);*/ right: 15%; bottom: 10rem; }
.slide1_icon2 { width: 10%; max-width: 190px; height: 135px; /*background: url(../images/slide1-icon2.png);*/ left: 5%; bottom: 10rem; }
.slide1_icon3 { width: 12%; max-width: 235px; height: 167px; /*background: url(../images/slide1-icon3.png);*/ left: 7%; top: 6rem; }
.slide1_icon4 { width: 14%; max-width: 255px; height: 100px; /*background: url(../images/slide1-icon4.png);*/ right: 10%; top: 6rem; }
.slide1_icon5 { width: 6%; max-width: 175px; height: 220px; /*background: url(../images/slide1-icon5.png);*/ right: 35%; bottom: 10rem; }
.slide1_icon6 { width: 6%; max-width: 88px; height: 88px; background: url(../images/slide2-icon2.png) ; right: 10%; bottom: 6rem; }
.slide1_icon7 { width: 7%; max-width: 113px; height: 113px; background: url(../images/slide2-icon3.png); left: 5%; top: 25%; }
.slide1_icon8 { width: 7%; max-width: 113px; height: 113px; background: url(../images/slide4-icon2.png); left: 5%; top: 25%; }
.bulb { width: 12%; max-width: 130px; height: 139px; background-image: url(../images/slide4-icon1.png); top: -5rem; right: -6rem; }
.chap2_cloud { width: 16%; max-width: 300px; height: 177px; background-image: url(../images/cloud.png); top: 40%; left: -9rem; }
.chap2_cloud2 { width: 12%; max-width: 200px; height: 177px; background-image: url(../images/cloud.png); bottom: 10%; right: -4rem; }
.chap2_cloud3 { width: 12%; max-width: 200px; height: 177px; background-image: url(../images/cloud.png); top: 20%; left: 2%; }
.chap2_cloud4 { width: 22%; max-width: 420px; height: 250px; background-image: url(../images/cloud.png); top: 35%; right: -4rem; }
.chap2_cloud5 { width: 16%; max-width: 300px; height: 177px; background-image: url(../images/cloud.png); top: -2%; right: -6rem; }
.chap2_cloud6 { width: 17%; max-width: 300px; height: 250px; background-image: url(../images/cloud.png); top: 1%; left: -7rem; opacity: 0.5; }
.chap2_cloud7 { width: 11%; max-width: 200px; height: 177px; background-image: url(../images/cloud.png); top: 11%; right: -6rem; }

.slide1_icon1, .slide1_icon2, .slide1_icon3, .slide1_icon4, .slide1_icon5, .slide1_icon6, .slide1_icon7, .slide1_icon8, .bulb, .chap2_cloud, .chap2_cloud2, .chap2_cloud3, .chap2_cloud4, .chap2_cloud5, .chap2_cloud6, .chap2_cloud7 { z-index: 2; display: inline-block; background-size: 100%; background-repeat: no-repeat; position: absolute; }


#bg-7 { background: url(../images/slide4.png); background-size: 100%; background-position: top right; background-attachment: fixed; background-repeat: no-repeat; }
.intro-clouds { position: absolute; z-index: 1; top: 0px; right: 0; max-width: 1700px; width: 100%; text-align: center; }
.intro-clouds img { width: 100%; opacity: 0.8; }
.section-wrap { position: relative; z-index: 3; }
.intro-icon { position: absolute; width: 100px; height: 100px; background-image: url(../images/intro-icon.png); background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
.intro-icon.icon-1 { width: 75px; height: 75px; top: 10%; right: 15%; }
.intro-icon.icon-2 { width: 175px; height: 175px; bottom: 5%; right: -2%; }
.chapter1-icon { position: absolute; width: 100px; height: 100px; background-image: url(../images/chap1-icon.png); background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
.chapter1-icon.icon-1 { width: 100px; height: 100px; top: 20%; right: 10%; }
.chapter1-icon.icon-2 { width: 300px; height: 300px; top: 50%; right: -6%; }
.chapter1-icon.icon-3 { width: 125px; height: 120px; bottom: 20%; left: 0; }
.chapter3-icon { position: absolute; width: 100px; height: 100px; background-image: url(../images/chap3-icon.png); background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
.chapter3-icon.icon-1 { width: 150px; height: 150px; top: 20%; right: 10%; }
.chapter3-icon.icon-2 { width: 250px; height: 250px; bottom: 10%; left: -4%; }
.chapter4-icon { position: absolute; width: 100px; height: 100px; background-image: url(../images/chap4-icon.png); background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
.chapter4-icon.icon-1 { width: 100px; height: 100px; top: 10%; left: 5%; }
.chapter4-icon.icon-2 { width: 200px; height: 200px; top: 10%; right: -4%; }
.chapter5-icon { position: absolute; width: 100px; height: 100px; background-image: url(../images/chap5-icon.png); background-size: 100%; background-repeat: no-repeat; background-size: contain !important; }
.chapter5-icon.icon-1 { width: 300px; height: 300px; bottom: -10%; left: -5%; }
.chapter5-icon.icon-2 { width: 100px; height: 100px; top: 10%; right: 10%; }

s
.progress_box p { color: #ffffff; line-height: 2.8rem; margin-bottom: 0; }
.progress_box .columns { width: 48%; display: inline-block; text-align: center; }
.progress_box .columns span { width: 130px; height: 139px; display: inline-block; background-size: 100%; background-repeat: no-repeat; vertical-align: middle; margin-right: 1rem; }
.progress_box .columns .workload { background-image: url(../images/slide1-icon4.png); }
.progress_box .columns .cloud { background-image: url(../images/slide3-icon1.png); }
.progress_box .columns p { display: inline-block; width: 50%; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 2rem; text-align: left; margin-bottom: 0; }
.progress_box .columns p strong { font-size: 3rem; display: block; }

.pie { width: 120px; height: 120px; position: relative; display: inline-block; vertical-align: middle; }
.pie-wrapper { display: inline-block; width: 48%; text-align: center; }
.pie-wrapper .label { left: 25%; position: absolute; top: 33%; font-weight: normal; font-size: 3rem; color: #4E5052; font-family: Arial, Helvetica, sans-serif; }
.pie-wrapper p { display: inline-block; width: 40%; vertical-align: top; font-weight: bold; vertical-align: middle; color: #4E5052; font-family: Arial, Helvetica, sans-serif; text-align: left; }

#chapter-two img { display: none; }

@media (max-width:1600px) {
    .header-wrapper h1 { font-size:5rem; line-height: normal; }
    .slide1_icon1, .slide1_icon5  { bottom: 2rem; }
    .slide1_icon2, .slide1_icon3  { left: 1%; }
    .intro-icon.icon-1 { right: 8%; }
    .intro-icon.icon-2 { width: 110px; height: 110px; bottom: -5%; }
    .chapter1-icon.icon-1 { top: 5%; right: 1%; }
    .chapter1-icon.icon-2 { width: 150px; height: 150px; top: 50%; right: -5%; }
    .chapter3-icon.icon-1 { width: 100px; height: 100px; top: 5%; right: 5%; }
    .chapter3-icon.icon-2 { width: 150px; height: 150px; bottom: 10%; left: -4%; }
    .chapter4-icon.icon-1 { left: -3%; }
    .chapter5-icon.icon-1 { width: 150px; height: 150px; }
    .chapter5-icon.icon-2 { top: 4%; right: 3%; }
}

@media (max-width:1280px) {
.slide1_icon2, .slide1_icon3  { display: none; }
}

@media (max-width:1200px) {
    .section-wrap { padding: 6rem 3rem; }
    .section-wrap .liner { left : -30px; }
    #chapter-two .layer { left : -30px; }
    a.download_pdf { font-size: 1.5rem; padding: 1rem 1.5rem; }
    a.download_pdf span { width: 20px; }
    .progress_box { background-color: #ffffff; color: #333333; margin: 3rem 0; padding: 4rem 3rem; width: auto; }
    .bulb { right: -3rem; }
    .pie-wrapper p { width: 55%; }
     .slide1_icon2, .slide1_icon3  { display: none; }
    
    .intro-icon.icon-1, 
    .intro-icon.icon-2, 
    .chapter1-icon.icon-1,
    .chapter1-icon.icon-2, 
    .chapter1-icon.icon-3, 
    .chapter3-icon.icon-1, 
    .chapter3-icon.icon-2, 
    .chapter4-icon.icon-1,
    .chapter4-icon.icon-2,
    .chapter5-icon.icon-1, 
    .chapter5-icon.icon-2 { display: none; }
}


@media (max-width:960px) {
    header .section-wrap { padding: 13% 0 7% 0; }
    header p { line-height: normal; }
    a.download_pdf_mob { display: inline-block; }
    a.download_pdf { display: none; }
    #intro p.text-bold { font-size: 2rem; }
    #intro p { font-size: 1.8rem; }
    h2 { font-size: 4rem; }
    h3 { font-size: 2.4rem; }
    .progress_box .columns p { font-size: 1.8rem; }
    .intro-clouds { opacity: 0.5; }
    .slide1_icon2,
    .slide1_icon3,
    .slide1_icon5,
    .slide1_icon6,
    .slide1_icon7,
    .slide1_icon8,
    .chap2_cloud,
    .chap2_cloud2,
    .chap2_cloud3,
    .chap2_cloud4,
    .chap2_cloud5,
    .chap2_cloud6,
    .chap2_cloud7 { display: none; }
    .slide1_icon6 { bottom: 0; opacity: 0.5; }
    .slide1_icon1 { height: 82px; opacity: 0.5; }
    .slide1_icon4 { right: 2%; top: 1rem; opacity: 0.5; }  
     #chapter-two .section-wrap { height: 840px; }
    
}

@media (max-width: 768px) {
    .pie-wrapper,
    .progress_box .columns { width: 100%; margin-bottom: 2rem; text-align: left; }
    .progress_box { padding: 2rem 3rem 1rem 3rem; }
    .pie-wrapper p,
    .progress_box .columns p { width: 65%; }
    .progress_box .columns span { width: 100px; height: 110px; }
    ul.ul-basic { width: 100%; }
    /*header { background: url(../images/slide1_mob.png); }
    #chapter-one { background: url(../images/slide2_mob.png); }
    #chapter-four { background: url(../images/slide3_mob.png); }*/
    .header-wrapper h1 {font-size: 4rem;}
    header p { font-size: 3rem; }
    header,
    #chapter-one,
    #chapter-four { background-size: cover; background-position: top right; background-attachment: fixed; background-repeat: no-repeat; }

    .intro-clouds,
    .slide1_icon1,
    .slide1_icon2,
    .slide1_icon3,
    .slide1_icon4,
    .slide1_icon5,
    .slide1_icon6,
    .slide1_icon7,
    .chap2_cloud,
    .chap2_cloud2,
    .chap2_cloud3,
    .chap2_cloud4,
    .chap2_cloud5,
    .chap2_cloud6,
    .chap2_cloud7 { display: none; }
    #intro p:last-child,
    #chapter-one p:last-child { margin-bottom: 0; }
    h3 { font-size: 2.1rem; line-height: normal; }
    .bulb { height: 90px; top: -4rem; }
    
    .section-wrap .liner { display: none; }
    #chapter-two .section-wrap { height: 750px; }
    section h2, section p, #intro p, #chapter-two .layer { transform: none !important; transition: none !important; opacity: 1 !important; visibility: visible !important;  }
    
}

@media ( max-width: 600px) {
    a.download_pdf_mob { text-align: center; width: 90%; }
    header .section-wrap { padding: 17% 0 9%; }
    .ul-basic li .icon { margin-right: 2rem; }
    .button, .button:link, .button:visited { display: block; padding: 2rem 0; }
    .header-wrapper h1 {font-size: 3rem;}
    header p { font-size: 2rem; font-weight: bold; }
    #intro p.text-bold { font-size: 1.8rem; line-height: 2.8rem; }
    #intro p { font-size: 1.6rem; line-height: 2.6rem; }
    h2 { font-size: 3rem; font-weight: bold; }
    p { font-size: 1.6rem; }
    .bulb { right: -2rem; top: -3rem; }
    .sub-head { margin-top: 2rem; }
    .section-wrap { padding: 6rem 0; }
    #chapter-two .section-wrap { display: none; }
    #chapter-two { padding: 30px 10px; }
    #chapter-two img { display: block; width: 100%; height: auto; }
}
@media ( max-width: 550px) {
    .opp_list li { width: 100%; margin-bottom: 1rem; }
    .opp_list li p { margin: 0 auto; width: 90%; }
    .progress_box { margin-bottom: 0; }
    .progress_box .columns span { width: 22%; margin-right: 4%; }
    .progress_box .columns p { width: 70%; }
    .pie-wrapper { text-align: center; }
    .pie-wrapper p { margin: 0 auto; text-align: center; width: 100%; }
    .bulb { right: -5%; width: 14%; }
    .section-wrap { padding: 4rem 0; }
}
@media ( max-width: 450px) {
    .button, .button:link, .button:visited { font-size: 2rem; }
    #chapter-two .section-wrap { height: 385px; }
    #chapter-two .section-wrap .section-wrap-inner { top: 0; }
    header h1, header .logo-wrap { background-size: 75%; }
    header .note { margin-top: 0; }
}