/*  ============================================================================================================
    Responsive Styles  ******************************  *********************************************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    ***************************                                              ***********************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    *************************************************  *********************************************************
    ============================================================================================================
*/

@media screen and (min-width : 0px) and (max-width: 1024px) {

     /*  =========================================================================================================
        Layout elements
        =========================================================================================================
    */
    html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    body *{
        box-sizing: border-box;
    }

    /*  =========================================================================================================
    Typography
    =========================================================================================================
    */


    /*  =========================================================================================================
        Slides
        =========================================================================================================
    */
    #container {
        width: 100%;
    }


    .mobile .stage1 #slide-2,
    .mobile .stage1 #slide-3,
    .mobile .stage1 #slide-4,
    .mobile .stage1 #slide-5,
    .mobile .stage1 #slide-6,
    .mobile .stage1 #slide-7,
    .mobile .stage1 #slide-8,
    .mobile .stage1 #slide-9,
    .mobile .stage1 #slide-10,
    .mobile .stage1 #slide-11,
    .mobile .stage1 #slide-12,
    .mobile .stage1 #slide-13,
    .mobile .stage1 #slide-14,
    .mobile .stage1 #slide-15,
    .mobile .stage1 #slide-16,
    .mobile .stage1 #slide-17
    {
        display: none;
    }

    .mobile .stage2 #slide-2,
    .mobile .stage2 #slide-3
    {
        display: block;
    }

    .mobile .stage2 #slide-4,
    .mobile .stage2 #slide-5,
    .mobile .stage2 #slide-6,
    .mobile .stage2 #slide-7,
    .mobile .stage2 #slide-8,
    .mobile .stage2 #slide-9,
    .mobile .stage2 #slide-10,
    .mobile .stage2 #slide-11,
    .mobile .stage2 #slide-12,
    .mobile .stage2 #slide-13,
    .mobile .stage2 #slide-14,
    .mobile .stage2 #slide-15,
    .mobile .stage2 #slide-16,
    .mobile .stage2 #slide-17
    {
        display: none;
    }

    .mobile .stage3 #slide-2,
    .mobile .stage3 #slide-3
    .mobile .stage3 #slide-4,
    .mobile .stage3 #slide-5,
    .mobile .stage3 #slide-6
    {
        display: block;
    }
    
    .mobile .stage3 #slide-7,
    .mobile .stage3 #slide-8,
    .mobile .stage3 #slide-9,
    .mobile .stage3 #slide-10,
    .mobile .stage3 #slide-11,
    .mobile .stage3 #slide-12,
    .mobile .stage3 #slide-13,
    .mobile .stage3 #slide-14,
    .mobile .stage3 #slide-15,
    .mobile .stage3 #slide-16,
    .mobile .stage3 #slide-17
    {
        display: none;
    }

    .mobile .stage4 #slide-2,
    .mobile .stage4 #slide-3
    .mobile .stage4 #slide-4,
    .mobile .stage4 #slide-5,
    .mobile .stage4 #slide-6,
    .mobile .stage4 #slide-7,
    .mobile .stage4 #slide-8,
    .mobile .stage4 #slide-9
    {
        display: block;
    }
    

    .mobile .stage4 #slide-10,
    .mobile .stage4 #slide-11,
    .mobile .stage4 #slide-12,
    .mobile .stage4 #slide-13,
    .mobile .stage4 #slide-14,
    .mobile .stage4 #slide-15,
    .mobile .stage4 #slide-16,
    .mobile .stage4 #slide-17
    {
        display: none;
    }

    .mobile .stage5 #slide-2,
    .mobile .stage5 #slide-3
    .mobile .stage5 #slide-4,
    .mobile .stage5 #slide-5,
    .mobile .stage5 #slide-6,
    .mobile .stage5 #slide-7,
    .mobile .stage5 #slide-8,
    .mobile .stage5 #slide-9,
    .mobile .stage5 #slide-10,
    .mobile .stage5 #slide-11,
    .mobile .stage5 #slide-12,
    .mobile .stage5 #slide-13,
    .mobile .stage5 #slide-14,
    .mobile .stage5 #slide-15,
    .mobile .stage5 #slide-16,
    .mobile .stage5 #slide-17
    {
        display: block;
    }

    .section {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .section-stage {
        position: relative;
        height: 100%;
        text-align: center;
        overflow: hidden;
        padding: 0 5%;
        padding-bottom: 20px;
    }

    .non-responsive {
        display: none;
    }

    .image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .next{display: none;}


    /*  =========================================================================================================
        Section titles
        =========================================================================================================
    */

    .section-title {
        position: relative;
        font-size: 24px;
    }
    .main-title {
        padding: 3px 8px;
        color: #fff;
        background: #001A35;
        font-size: 20px;
        display: block;
    }
    .sub-title {
        display: block;
        padding: 8px 12px;
        color: #001A35;
        background: #fff;
        font-size: 20px;
        line-height: 1em;
    }

    /*  =========================================================================================================
        Splash Screen
        =========================================================================================================
    */

    #splash-screen {
        background-color: #001A35;
        color: #fff;
        min-height: 470px;
    }

    .splash-stage {
        min-height: 450px;
    }

    h1 {
        margin: 15px 0 0 0;
        font-size: 40px;
    }

    h2 {
        line-height: 1.4em;
        margin-bottom: 30px;
    }

    #rsc-logo {
        width: 90px;
        height: 65px;
        margin: 10px auto 0;
        background-image: url('../images/splash-screen/rsc-logo.png');
        background-repeat: no-repeat;
        background-size: 90px;
    }
    #chemistry-logo {
        width: 169px;
        height: 29px;
        margin: 3% auto 0;
        background-image: url('../images/responsive/splash-screen/chemistry-logo.png');
        background-repeat:no-repeat;
    }

    #start {
        position: absolute;
        bottom: 10px;
        left: 0;
        height: 60px;
        width: 100%;
        font-size: 18px;
        text-align: center;
        background: url('../images/responsive/splash-screen/arrow.png') no-repeat bottom center;
    }

    /*  =========================================================================================================
        Slide 1
        =========================================================================================================
    */


    #slide-1 {
        background-color: #BA006F;
        color: #fff;
    }

    .grp-1 *{
        box-sizing: border-box;
    }

    .grp-1 p{
        font-size: 18px;
    }

    .grp-1 div{
        width: 33.33333%;
        float: left;
        padding: 5px;
        font-size: 20px;
    }

    .grp-1 div img{
        max-width: 100%;

    }

    #slide-1 .button {
        position: absolute;
        display: block;
        top: 35.16%;
        width: 29.88%;
        height: 39.84%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
    }
    #science-button {
        left: 4.1%;
        background-image: url('../images/slide-1/science-button.png');
    }
    #science-text {
        position: absolute;
        top: 75.13%;
        left: 10%;
        width: 12.11%;
        height: 3.51%;
        margin: 0;
        color: #fff;
    }
    #science-text div {
        background-image: url('../images/slide-1/science-text.png');
    }
    #school-button {
        left: 35.16%;
        background-image: url('../images/slide-1/school-button.png');
        transition: 0.3s background-size 0.3s;
    }
    #school-text {
        position: absolute;
        top: 75.13%;
        left: 44%;
        width: 10.55%;
        height: 3.51%;
        margin: 0;
        color: #fff;
    }
    #school-text div {
        background-image: url('../images/slide-1/school-text.png');
    }
    #medicine-button {
        left: 65.43%;
        background-image: url('../images/slide-1/medicine-button.png');
    }
    #medicine-text {
        position: absolute;
        top: 75.13%;
        left: 73%;
        width: 14.64%;
        height: 3.51%;
        margin: 0;
        color: #fff;
    }
    #medicine-text div {
        background-image: url('../images/slide-1/medicine-text.png');
    }

    #choose-one {
        position: absolute;
        bottom: 10%;
        left: 0;
        height: 60px;
        width: 100%;
        font-size: 18px;
        text-align: center;
        color: #fff;
        background: url('../images/responsive/slide-1/arrow.png') no-repeat bottom center;
    }

    #slide-1 .button {
        top: 25.16%;
    }
    #science-text, #school-text, #medicine-text {
        top: 65%;
    }

    /*  =========================================================================================================
        Slide 2
        =========================================================================================================
    */

    #slide-2 {
        background-color: #FCB700;
    }

    #doughnut-one {
        margin: 20% 0 5%;
    }

    #slide-2 .left-bar, #slide-2 .right-bar{
        width: 50%;
        float: left;
    }

    #slide-2 .right-bar{
        padding-top: 150px;
        background: transparent url('../images/slide-2/bunsen-burner.png') no-repeat top center;
        background-size: 70px ;
    }

    #slide-2 .left-bar h2, #slide-2 .right-bar h2{
        color: #fff;
        background: #001A35;
        padding: 3px 10px;
        display: inline-block;
        margin-bottom: 0px;
    }

    #slide-2 .left-bar h3, #slide-2 .right-bar h3{
        font-size: 40px;
        margin: 10px 0;
    }

    #slide-2 .left-bar .bar{
        width: 40%;
        max-width: 200px;
        height: 300px;
        background: #BA006F;
        margin: 0 auto;
    }

    #slide-2 .right-bar .bar{
        width: 40%;
        max-width: 200px;
        height: 150px;
        background: #BA006F;
        margin: 0 auto;
    }

    #teacher {
        height: 200px;
        width: 100px;
        display: block;
        background-image: url('../images/slide-2/teacher.png');
        position: absolute;
        top: 165px;
        left: 50%;
        margin-left: -168px;
    }

    #slide-2 .main-doughnut .doughnut-container {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        background: url('../images/slide-2/pie-21.png') no-repeat top left;
        background-size: 100%;
        margin-bottom: 20px;
    }
    #doughnut-one .doughnut-text {
        font-size: 20px;
        overflow: hidden;
    }

    #bar-chart-one .label {
        display: block;
        text-align: left;
    }

    #bar-chart-one .bar {
        float: left;
        height: 25px;
        background-color: #BA006F;
    }
    #bar-chart-one .value {
        padding-left: 10px;
        float: left;
    }
    #bar-chart-one .bar-one, #bar-chart-one .bar-two, #bar-chart-one .bar-three, #bar-chart-one .bar-four {
        margin-bottom: 10px;
        overflow: hidden;
    }
    #bar-chart-one .bar-one .bar {
        width: 80%;
    }
    #bar-chart-one .bar-two .bar {
        width: 70%;
    }
    #bar-chart-one .bar-three .bar {
        width: 50%;
    }
    #bar-chart-one .bar-four .bar {
        width: 40%;
    }
    #however-text {
        position: relative;
        width: 300px;
        height: 40px;
        margin: 10% auto 0;
        text-indent: -9999px;
    }
    #however-text div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/slide-2/however-text.png') no-repeat top center;
    }
    #doughnut-two {
        margin: 4% 0;
    }
    #doughnut-two .doughnut-container {
        width: 150px;
        height: 150px;
        margin: 0 auto;
        background: url('../images/slide-2/pie-77.png') no-repeat top center;
        background-size: 100%;
    }
    #doughnut-two-text {
        font-size: 20px;
    }
    #but-text {
        position: relative;
        width: 150px;
        height: 40px;
        margin: 10% auto 0;
        text-indent: -9999px;
    }
    #but-text div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/slide-2/but-text.png') no-repeat top center;
    }
    #doughnut-three {
        margin: 4% 0;
    }
    #doughnut-three .doughnut-container {
        width: 150px;
        height: 150px;
        margin: 0 auto;
        background: url('../images/slide-2/pie-52.png') no-repeat top center;
        background-size: 100%;
    }
    #doughnut-three-text {
        font-size: 20px;
    }

    /*  =========================================================================================================
        Slide 3
        =========================================================================================================
    */

    #slide-3{
       background: #910047;
       color: #fff;
    }

    /*  =========================================================================================================
        Slide 4
        =========================================================================================================
    */

    #slide-4{
        background: #EFB322;
    }

    #slide-4 p{
        padding: 20px 0 10px 0;
    }

    #slide-4 .bubble-1{
        display: block;
        background: transparent url(../images/purple-bubble.png) no-repeat center top;
        background-size: contain;
        height: 150px;
        color: #fff;
        margin: 0 auto 20px;
        padding: 40px 20px 0 20px;
    }

    #slide-4 .wrap-50 .bubble-1 {
        padding-top: 65px;
        max-width: 120px;
        padding-top: 52px;
    }

    #slide4-box-bubble1.bubble-1{
        padding-top: 65px;
    }

    #slide4-bubble1{
        margin: 0 auto 15px auto;
        max-width: 150px;
    }

    #slide4-bubble2{
        margin: 0 auto;
        max-width: 150px;
    }

    #slide4-cabinet1{
        float: left;
        margin-top: 80px;
        width: 50%;
        height: 200px;
        width: 50%;
        background-image: url('../images/slide-4/cabinet1.png');
        background-size: contain;
        background-position: bottom right;
    }

    #slide4-chef{
        float: left;
        width: 50%;
        height: 285px;
        width: 50%;
        background-image: url('../images/slide-4/chef.png');
        background-size: contain;
        background-position: bottom left;
    }

    #slide4-text1 .background, #slide4-text2 .background, #slide4-text3 .background{
        background: #fff;
    }

    #slide4-text1, #slide4-text2{
        box-sizing: border-box;
        width: 50%;
        float: left;
        clear: left;
        padding: 0 5px 5px 5px;
    }

    #slide4-text3{
        padding: 0 5px 5px 5px;
        box-sizing: border-box;
        float: right;
        background: #fff;
        width: 50%;
    }

    #slide4-text4{display: none;}

    #slide4-box{
        clear: both;
    }

    .wrap-50{
        float: left;
        width: 50%;
        padding: 10px 2px 0 2px;
    }

    .wrap-50 .text-body2{
        height: 40px;
    }


    /*  =========================================================================================================
        Slide 5
        =========================================================================================================
    */

    #slide-5{
        background: #EFB322;
    }

    #slide5-speech1{
        float: left;
        width: 100%;
        /*background-image: url('../images/slide-5/speech1.png');*/
    }

    #slide5-speech2{
        float: left;
        width: 100%;
        /*background-image: url('../images/slide-5/speech1.png');*/
        margin-bottom: 10px;
    }

    #slide5-speech3{
        clear: both;
        width: 100%;
        /*background-image: url('../images/slide-5/speech1.png');*/
    }

    #slide-5 .doughnut-label-medium{
        display: none;
    }

    #slide5-doughnut1 .doughnut-container canvas,
    #slide5-doughnut2 .doughnut-container canvas,
    #slide5-doughnut3 .doughnut-container canvas {
        display: none;
    }

    #slide5-doughnut1 .doughnut-container {
        width: 85px;
        height: 85px;
        background: url('../images/slide-5/slide5-doughnut1.png') no-repeat 0 0;
        background-size: 85px;
        margin: 0 auto 10px;
    }

    #slide5-doughnut1 .speech-text {
        padding-bottom: 10px;
        display: block;
    }

    #slide5-doughnut2 .doughnut-container {
        width: 85px;
        height: 85px;
        background: url('../images/slide-5/slide5-doughnut3.png') no-repeat 0 0;
        background-size: 85px;
        margin: 0 auto 10px;
    }

    #slide5-doughnut3 .doughnut-container {
        width: 85px;
        height: 85px;
        background: url('../images/slide-5/slide5-doughnut3.png') no-repeat 0 0;
        background-size: 85px;
        margin: 0 auto 10px;
    }





    /*  =========================================================================================================
        Slide 6
        =========================================================================================================
    */

    #slide-6{
        background: #910047;
        color: #fff;
    }

    /*  =========================================================================================================
        Slide 7
        =========================================================================================================
    */

    #slide-7{
        background: #EFB322;
    }

    #slide7-cabinet-responsive{
        padding: 45px 0 0;
    }

    #slide7-cabinet-responsive img{
        width: 100%;
        max-width: 230px;
        margin-bottom: 20px;
    }



    #slide-7 .doughnut-label{
        display: none;
    }

    #slide-7 .doughnut-container canvas {
        display: none;
    }

    #slide-7 .doughnut-container{
        width: 115px;
        height: 115px;
        background: url('../images/slide-7/slide7-maindoughnut.png') no-repeat 0 0;
        background-size: 115px;
        margin: 0 auto 10px;
    }

    #slide7-screen{
        background: #fff;
        width: 100%;
        padding: 10px 20px;
    }

    #slide7-bar-chart{
        text-align: left;
    }

    .bar-one, .bar-two, .bar-three, .bar-four{
        position: relative;
        height: 45px;
    }

    #slide-7 .bar{
        position: absolute;
        padding: 0 30px 0 0;
        height: 30px;
        width: 100%;
    }

    #slide-7 .bar div{
        height: 20px;
        background: #910047;
    }

    #slide-7 .bar-one .bar div{
        width: 76%;
    }

    #slide-7 .bar-two .bar div{
        width: 47%;
    }

    #slide-7 .bar-three .bar div{
        width: 29%;
    }

    #slide-7 .bar-four .bar div{
        width: 17%;
    }

    #slide-7 .value{
      float: right;
        margin-top: 18px;
    }



    /*  =========================================================================================================
        Slide 8
        =========================================================================================================
    */

    #slide-8{
        background: #81D1F4;
    }

    #slide8-text1,
    #slide8-text2,
    #slide8-text3,
    #slide8-text4 {
        padding-bottom: 10px;
    }

    .slide8-list-title {
        width: 100%;
        margi-bottomm: 10px;
        padding-bottom: 5px;
        border-bottom: 2px solid #000;
    }

    .slide8-list-title.second {
        margin-top: 20px;
    }

    .slide8-list {
        width: 80%;
        margin: 0 auto 20px;
        padding: 0;
    }

    .slide8-list-item {
        width: 100%;
        list-style: none;
    }

    

    /*  =========================================================================================================
        Slide 9
        =========================================================================================================
    */

    #slide-9{
        background: #BA006F;
        color: #fff;
    }

    /*  =========================================================================================================
        Slide 10
        =========================================================================================================
    */

    #slide-10{
        background: #81D1F4;
    }

    .tube-container{
        float: left;
        width: 20%;
        position: relative;
        height: 200px;
        margin-bottom: 15px;
    }

    .tube-container .text-standout{
        color: #fff;
        background: #001A35;
        padding: 10px 6px;
        border-radius: 20px;
        bottom: 0;
        left: 50%;
        margin-left: -21px;
        position: absolute;
    }

    .tube-container .tube{
        background: #001A35;
        position: absolute;
        left: 50%;
        margin-left: -11px;
        width: 22px;
        bottom: 12px;
    }

     .tube span{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
         display: block;
         padding: 80px 0px 0 0;
         color: #fff;
         height: 180px;
         text-align: left;
    }

    #slide10-tube2 .text-standout, #slide10-tube2 .tube{
        background: #EB0C0C;
    }

    #slide10-tube1 .tube{
        height: 89%;
    }

    #slide10-tube2 .tube{
        height: 87%;
    }

    #slide10-tube3 .tube{
        height: 81%;
    }

    #slide10-tube4 .tube{
        height: 80%;
    }

    #slide10-tube5 .tube{
        height: 70%;
    }


    /*  =========================================================================================================
        Slide 11
        =========================================================================================================
    */

    #slide-11{
        background: #EFB322;
    }


    #slide-11 .doughnut-container canvas {
        display: none;
    }

    #slide-11 .doughnut-label-small{
        display: none;
    }

    #slide11-doughnut1 .doughnut-container {
        width: 75px;
        height: 75px;
        background: url('../images/slide-11/slide11-doughnutchart2.png');
        background-size: 75px;
        margin: 0 auto 10px;
    }

    #slide11-doughnut2 .doughnut-container {
        width: 75px;
        height: 75px;
        background: url('../images/slide-11/slide11-doughnutchart1.png');
        background-size: 75px;
        margin: 0 auto 10px;
    }

    #slide-11 .wrap-50{
        padding: 20px 0;
    }

    #slide11-bar-chart .bar-one, #slide11-bar-chart .bar-two{
        text-align: left;
        width: 100%;
        height: 60px;
    }

    #slide11-bar-chart .bar-one .value, #slide11-bar-chart .bar-two .value{
        float: right;
        margin-top: -20px;
    }

    #slide11-bar-chart .bar-one .bar{
        height: 20px;
        width: 72%;
        background: #910047;
    }

    #slide11-bar-chart .bar-two .bar{
        height: 20px;
        width: 76%;
        background: #910047;
    }

    /*  =========================================================================================================
        Slide 12
        =========================================================================================================
    */

    #slide-12{
        background: #81D1F4;
    }

    #slide12-people1, #slide12-people2, #slide12-text1{
        background: #fff;
        padding: 5px;
        margin-bottom: 10px;
    }

    #slide12-speech1{
        color: #fff;
        background: #131E1F;
        padding: 5px;
    }

    /*  =========================================================================================================
        Slide 13
        =========================================================================================================
    */

    #slide-13{
        background: #EFB322;
    }

    .people-group {
        width: 100%;
    }

    .people-group-img {
        width: 100%;
        max-width: 800px;
        height: auto;
        display: block;
        margin: 10px auto 20px;
    }

    /*  =========================================================================================================
        Slide 14
        =========================================================================================================
    */

    #slide-14{
        background: #833077;
    }

    #slide-14 .speech.image{
        background: #fff;
        color: #222E2E;
        margin-bottom: 10px;
        padding: 10px 20px;
    }

    #slide-14 .bar{
        position: relative;
        margin: 10px 0;
        overflow: hidden;
    }

    #slide-14 #slide14-speech1, #slide-14 #slide14-speech2{
        margin-bottom: 25px;
    }

    #slide-14 .bar div{
        height: 20px;
        background: #5BC2E7;
        float: left;
    }

    #slide-14 .bar span{
        float: left;
        color: #fff;
        background: #001A35;
        padding: 0 0 0 20px;
        height: 20px;
        text-align: left;
    }

    #slide14-speech1 .bar div{
        width: 19%;
    }

    #slide14-speech1 .bar span{
        width: 81%;
    }

    #slide14-speech2 .bar div{
        width: 40%;
    }

    #slide14-speech2 .bar span{
        width: 60%;
    }

    #slide14-speech3 .bar div{
        width: 25%;
    }

    #slide14-speech3 .bar span{
        width: 75%;
    }

    /*  =========================================================================================================
        Slide 15
        =========================================================================================================
    */
    #slide-15{
        background: #5BC2E7;
    }


    #slide-15 .doughnut-container canvas {
        display: none;
    }

    #slide-15 .doughnut-label-medium{
        display: none;
    }

    #slide15-doughnut1 .doughnut-container {
        width: 60px;
        height: 60px;
        background: url('../images/slide-15/slide15-doughnut1.png') no-repeat 0 0;
        background-size:60px;
        margin: 0 auto 10px;
    }

    #slide15-doughnut2 .doughnut-container {
        width: 60px;
        height: 60px;
        background: url('../images/slide-15/slide15-doughnut2.png') no-repeat 0 0;
        background-size:60px;
        margin: 0 auto 10px;
    }

    #slide15-speech1, #slide15-speech2{
        margin: 10px 0;
        padding: 5px;
        background: #fff;
    }

    #slide15-tagline {
        margin-bottom: 20px;
    }

    /*  =========================================================================================================
        Slide 16
        =========================================================================================================
    */

    #slide-16{
        background: #EFB322;
    }

    #slide-16 p, #slide16-thought5{
        margin: 0 0 20px 0;
    }

    #slide16-thought1,
    #slide16-thought2,
    #slide16-thought3,
    #slide16-thought4,
    #slide16-thought5 {
        display: none;
    }

    .building-group {
        width: 100%;
    }

    .building-group-img {
        width: 100%;
        max-width: 800px;
        height: auto;
        display: block;
        margin: 10px auto 20px;
    }


    /*  =========================================================================================================
        Slide 17
        =========================================================================================================
    */

    #slide-17{
        background: #EF2999;
    }

    #slide17-img1{
        width: 100%;
        height: 200px;
        background: url('../images/slide-17/ice-cream.png') no-repeat center;
        background-size: contain;
        margin: 10px 0 20px;
    }

    #slide17-img2{
        background: url('../images/slide-17/people1.png') no-repeat center;
        width: 100%;
        height: 200px;
        background-size: contain;
        margin: 10px 0 20px;
    }

    #slide17-img3{
        background: url('../images/slide-17/people2.png') no-repeat center;
        width: 100%;
        height: 200px;
        background-size: contain;
        margin: 10px 0 20px;
    }

    #slide17-img4{
        background: url('../images/slide-17/people3.png') no-repeat center;
        width: 100%;
        height: 200px;
        background-size: contain;
        margin: 10px 0 20px;
    }

    #slide17-screen, #slide17-logo-text{
        background: #131E1F;
        color: #fff;
        display: block;
        padding: 10px;
    }

    #slide17-screen a{
        color: #fff;
        margin: 10px 0;
        display: block;
    }

    #slide17-logo2 {
        display: block;
        width: 100%;
        height: 90px;
        background: #131E1F url('../images/splash-screen/rsc-logo.png') no-repeat center;
        background-size: auto 90%;
    }

    #slide17-logo3{
        display: block;
        width: 100%;
        height: 40px;
        background: #131E1F url('../images/splash-screen/chemistry-logo.png') no-repeat center;
        background-size: auto 90%;
    }

}


@media screen and (min-width : 0px) and (max-width: 392px) {
    .wrap-50 #slide4-box-text4.text-body2,
    .wrap-50 #slide4-box-text5.text-body2{
        height: 48px;
    }   
}

/* mobile - landscape breakpoints */

@media screen and (min-width : 550px) and (max-width: 699px) {

    /*  =========================================================================================================
    Question screens
    =========================================================================================================
    */

    .grp-1 div {
        width: 28%;
        margin-left: 4%;
    }

    /*  =========================================================================================================
    Slide 2
    =========================================================================================================
    */

    #teacher {
        top: 99px;
        left: 42%;
    }

    #slide-2 .main-doughnut .doughnut-container {
        width: 150px;
        height: 150px;
    }

    #slide-2 .main-doughnut .doughnut-text {
        padding: 10px 0;
        display: block;
    }

    #slide-2 .right-bar {
        padding-top: 144px;
        background-size: 85px;
    }

    /*  =========================================================================================================
    Slide 4
    =========================================================================================================
    */

    #slide-4 .bubble-1,
    #slide-4 .bubble-2 {
        display: inline-block;
        vertical-align: top;
    }

    #slide-4 #slide4-box-bubble1.bubble-1,
    #slide-4 #slide4-box-bubble2,
    #slide-4 #slide4-box-bubble3,
    #slide-4 #slide4-box-bubble4,
    #slide-4 #slide4-box-bubble5
     {
        display: block;
    }

    /*  =========================================================================================================
    Slide 5
    =========================================================================================================
    */

    #slide5-speech1 {
        margin-bottom: 10px;
    }

    /*  =========================================================================================================
    Slide 8
    =========================================================================================================
    */

    .slide8-list {
        width: 42%;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }

    .slide8-list-title.second {
    
    margin-top: 16px;
    }
    .slide8-list:first-child {
        margin-right: 26px;
    }

    .slide8-list-title.second {
        margin-top: 0px;
    }



}

/* tablet - portrait breakpoints */

@media screen and (min-width : 700px) and (max-width: 768px) {
    .text-sub-title {
        font-size: 20px;
        margin: 40px 0;
        display: block;
    }

    #rsc-logo {
        width: 200px;
        height: 136px;
        background-size: 200px;
    }

    #chemistry-logo {
        width: 240px;
        height: 41px;
        margin: 3% auto 0;
        background-image: url('../images/responsive/splash-screen/chemistry-logo-tablet-portrait.png');
        background-size: 240px;
        background-repeat:no-repeat;
    }


}

@media screen and (min-width : 700px) and (max-width: 1024px) {

    /*  =========================================================================================================
    Typography
    =========================================================================================================
    */

    .section-title {
        font-size: 40px;
    }

    .main-title {
        font-size: 32px;
    }

    .sub-title {
        font-size: 32px;
    }


    /*  =========================================================================================================
        Slide 2
        =========================================================================================================
    */

    #slide-2 .right-bar {
        padding-top: 192px;
        background: transparent url('../images/slide-2/bunsen-burner.png') no-repeat top center;
        background-size: 99px;
        margin-top: -42px;
    }

    /*  =========================================================================================================
        Slide 4
        =========================================================================================================
    */

    #slide-4 #slide4-bubble1 {
        float: left;
        margin-left: 140px;
    }

    #slide-4 #slide4-bubble2 {
        float: right;
        margin-right: 140px;
    }

    #slide4-text1, 
    #slide4-text2,
    #slide4-text3 {
        margin-top: 10px;
    }

    #slide4-text1 .background, 
    #slide4-text2 .background, 
    #slide4-text3 .background {
        padding: 10px 5px;
    }

    #slide4-cabinet1 {
        width: 37%;
    }

    #slide4-chef {
        width: 30%;
    }

    #slide4-canteen {
        width: 10.62%;
        height: 200px;
        background-image: url('../images/slide-4/canteen.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 31%;
        left: 61%;
    }

    #slide4-girl {
        width: 15%;
        height: 195px;
        float: left;
        background-image: url('../images/slide-4/girl.gif');
        background-size: contain;
        background-position: bottom left;
        margin-left: 8%;
        margin-top: 89px;
    }

    #slide4-box .wrap-50 {
        width: 25%;
    }

    #slide4-box .wrap-50 .text-body2 {
        height: 48px;
    }

    /*  =========================================================================================================
        Slide 5
        =========================================================================================================
    */

    #slide5-speech1,
    #slide5-speech2 {
        width: 50%;
        padding: 0 20px;
    }

    #slide5-speech3 {
        width: 100%;
        padding: 0 20px;
    }

    #slide5-doughnut1 .doughnut-container,
    #slide5-doughnut2 .doughnut-container,
    #slide5-doughnut3 .doughnut-container {
        width: 140px !important;
        height: 140px !important;
        background-size: 140px;
    }


    /*  =========================================================================================================
        Slide 7
        =========================================================================================================
    */

    #slide-7 .doughnut-container {
        width: 200px !important;
        height: 200px!important;
        background-size: 200px;
    }

    #slide7-cabinet-responsive {
        display: none;
    }

    #slide7-cabinet {
        width: 32%;
        height: 268px;
        background-image: url('../images/slide-7/cabinet.png');
        background-size: contain;
        background-position: bottom left;
        float: left;
        margin: 10% 5% 5% 20%;
    }

    #slide7-till {
        width: 22%;
        height: 268px;
        background-image: url('../images/slide-7/till.gif');
        background-size: contain;
        background-position: bottom left;
        float: left;
        margin: 10% 0% 5%;
    }

    #slide7-text1 {
        display: block;
        position: absolute;
        top: 39%;
        left: 28%;
        background: #fff;
        padding: 5px;
        font-size: 13px;
    }

    #slide7-text2 {
        display: block;
        position: absolute;
        top: 39%;
        left: 38%;
        background: #fff;
        padding: 5px;
        font-size: 13px;
    }

    #slide7-screen {
        clear: both;
    }

    /*  =========================================================================================================
        Slide 8
        =========================================================================================================
    */


    #slide-8 .section-stage {
        min-height: 450px;
    }

    #slide-8 .section-title {
        margin-bottom: 70px;
    }

    .slide8-list {
        width: 37%;
        margin: 0 auto 20px;
    }
    .slide8-list:first-child {
        width: 37%;
        margin-top: -20px;
    }

    #slide8-girl {
        width: 17.55%;
        height: 200px;
        background-image: url('../images/slide-8/girl.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 46%;
        right: 49px;
    }


    #slide8-window {
        width: 32.49%;
        height: 260px;
        background-image: url('../images/slide-8/window.gif'); 
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 170px;
    }

    #slide8-text1, #slide8-text2, #slide8-text3, #slide8-text4 {
        width: 50%;
        margin: 0 auto;
    }

    /*  =========================================================================================================
        Slide 10
        =========================================================================================================
    */

    #slide-10 .section-stage {
        min-height: 650px;
    }

    #slide10-rack {
        width: 50.54%;
        height: 500px;
        background-image: url('../images/slide-10/rack.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 80px;
        right: 60px;
    }

    #slide-10 .tube-container {
        position: relative;
        top: 45.2%;
        width: 12%;
        height: 34.5%;
    }

    .tube-container .text-standout {
        padding: 14px 8px;
        border-radius: 50%;
    }

    .tube-container .tube {
        position: absolute;
        bottom: 1%;
        left: 66%;
        width: 23%;
        background-color: #131E1F;
    }

    #slide10-tube1{
        right: -9.8%;
    }

    #slide10-tube1 .tube {
        height: 69%;
        top: auto;
        bottom: 0;
    }

    #slide10-tube2{
        right: -13.7%;
    }

    #slide10-tube2 .tube {
        height: 66%;
        top: auto;
        bottom: 0;
    }

    #slide10-tube3{
        right: -17.2%;
    }

    #slide10-tube3 .tube {
        height: 63%;
        top: auto;
        bottom: 0;
    }

    #slide10-tube4{
        right: -20.7%;
    }

    #slide10-tube4 .tube {
        height: 62%;
        top: auto;
        bottom: 0;
    }

    #slide10-tube5{
        right: -24.5%;
    }
    
    #slide10-tube5 .tube {
        height: 54%;
        top: auto;
        bottom: 0;
    }

    #slide-10 .tube span {
        display: none;
    }

    #slide10-woman {
        width: 30.39%;
        height: 500px;
        background-image: url('../images/slide-10/woman.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 17%;
        left: 13%;
    }

    #slide10-rack-text {
        display: none;
    }

    /*  =========================================================================================================
        Slide 11
        =========================================================================================================
    */

    #slide11-doughnut1 .doughnut-container,
    #slide11-doughnut2 .doughnut-container {
        width: 126px;
        height: 126px;
        background-size: 126px;
    }

    /*  =========================================================================================================
        Slide 12
        =========================================================================================================
    */

    #slide12-people1 {
        width: 50%;
        height: 121px;
        padding: 1% 3% 0 3%;
        background: url('../images/slide-12/people1.png') no-repeat transparent;
        background-size: contain;
        background-position: center center;
        float: left;
    }

    #slide12-people2 {
        width: 50%;
        height: 121px;
        padding: 1% 3% 0 3%;
        background: url('../images/slide-12/people2.png') no-repeat transparent;
        background-size: contain;
        background-position: center center;
        float: left;
    }

    #slide12-text1,
    #slide12-text2 {
        clear: both;
    }

    /*  =========================================================================================================
        Slide 14
        =========================================================================================================
    */

    #slide-14 .speech.image {
        width: 60%;
        margin: 0 auto 10px;
    }

    #slide14-person1 {
        width: 12%;
        height: 170px;
        background-image: url('../images/slide-14/person1.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 17%;
        left: 6%;
    }

    #slide14-person2 {
        width: 12%;
        height: 170px;
        background-image: url('../images/slide-14/person2.gif');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 23%;
        right: 6%;
    }

    #slide14-person3 {
        width: 14%;
        height: 170px;
        background-image: url('../images/slide-14/person3.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 40%;
        left: 6%;
    }

    #slide14-person4 {
        width: 14%;
        height: 170px;
        background-image: url('../images/slide-14/person4.gif');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 50%;
        right: 3%;
    }

    #slide14-person5 {
        width: 15%;
        height: 170px;
        background-image: url('../images/slide-14/person5.gif');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 65%;
        left: 5%;
    }

    #slide14-person6 {
        width: 15%;
        height: 170px;
        background-image: url('../images/slide-14/person6.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 77%;
        right: 3%;
    }

    /*  =========================================================================================================
        Slide 15
        =========================================================================================================
    */

    #slide15-doughnut1 .doughnut-container,
    #slide15-doughnut2 .doughnut-container
    {
        width: 138px;
        height: 138px;
        background-size: 138px;
    }


    /*  =========================================================================================================
        Slide 16
        =========================================================================================================
    */

    #slide16-thought1,
    #slide16-thought2,
    #slide16-thought3,
    #slide16-thought4,
    #slide16-thought5 {
        display: none;
    }

    /*  =========================================================================================================
        Slide 17
        =========================================================================================================
    */

    #slide17-screen a {
        display: block;
        position: relative;
        clear: both;
        width: 70%;
        background-color: #EF2999;
        color: #fff;
        padding: 2% 10% 2% 1%;
        margin: 4% auto 0;
        text-decoration: none;
        font-size: 14px;
    }

    #slide-17 .link div {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 7%;
        background: url('../images/slide-17/button.png') no-repeat center / 100% 100%;
    }

    #slide17-screen {
        padding: 30px;
    }

    #slide17-logo3 {
        padding-bottom: 60px;
        background-size: auto 50%;
    }

}

/* tablet - landscape breakpoints */

@media screen and (min-width : 769px) and (max-width: 1024px) {

    #splash-screen {
        background: #131E1F;
        overflow: hidden;
        width: 100%;
    }
    #splash-screen .section-stage {
        border-top: 1px solid #131E1F;
        color: #fff;
    }
    #splash-screen .section-title {
        margin-top:26px;
        margin-bottom: 0;
        text-align: center;
        font-size: 40px;
        line-height: 95%;
        font-weight: normal;
    }
    #splash-screen p {
        margin-top: 2%;
        font-size: 25px;
    }
    #rsc-logo {
        position: absolute;
        top: 42.52%;
        left: 29%;
        width: 16.33%;
        height: 17.48%;
        background-image: url('../images/splash-screen/rsc-logo.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 81%;
    }
    #chemistry-logo {
        position: absolute;
        top: 46.9%;
        left: 51.56%;
        width: 29.37%;
        height: 10.77%;
        background-image: url('../images/splash-screen/chemistry-logo.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 88%;
    }


    .doughnut-container {
        position: relative;
    }

    .doughnut-container canvas {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
    }

    #teacher {
        width: 14.62%;
        height: 38.4%;
        display: block;
        background-image: url('../images/slide-2/teacher.gif');
        position: absolute;
        top: 75px;
        left: 34%;
    }

    #bunsen-burner{
        background-image: url('../images/slide-2/bunsen-burner.gif');
        top: 75px;
        left: 30%;
        width: 16.55%;
        height: 38.67%;
        display: block;
        position: absolute;
    }

    #kids{
        background-image: url('../images/slide-2/kids.gif');
        top: 17.31%;
        left: 52%;
        width: 31.01%;
        height: 23.8%;
        display: block;
        position: absolute;
    }

    #slide-2 .main-doughnut .doughnut-container {
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
        margin-left: 54%;
        margin-top: -10px;
    }

    #slide-2 .main-doughnut .doughnut-text {
        width: 20%;
        position: absolute;
        top: 14.5%;
        left: 61%;
    }


    #slide-2 .bar-chart-one {
        margin-top: 200px !important;
    }

    #slide-2 .right-bar {
        background: none;
    } 

    #slide-4 .section-stage {
        min-height: 650px;
    }

    #slide-4 #slide4-bubble1 {
        width: 110px;
        height: 110px;
        float: left;
        margin-left: 26px;
        font-size: 14px;
        padding-top: 22px;
        margin-bottom: 300px;
        margin-top: -10px;
    }

    #slide-4 #slide4-bubble2 {
        width: 110px;
        height: 110px;
        float: left;
        margin-left: 25px;
        margin-right: auto;
        font-size: 14px;
        padding: 22px 8px;
        margin-bottom: 300px;
        margin-top: -10px;
    }

    #slide4-bubble3 {
        top: 24%;
        left: 56.74%;
        width: 16.43%;
        height: 23.44%;
        padding: 3% 2% 0;
        position: absolute;
        background: url('../images/blue-bubble.png') no-repeat center;
        background-size: 89%;
        display: block;
        color: #fff;
    }

    #slide4-cabinet1 {
        top: 42%;
        position:absolute;
        left: -3%;
    }

    #slide4-chef {
        top: 42%;
        position: absolute;
        left: 34%;
    }

    #slide4-canteen {
        position: absolute;
        top: 54%;
        left: 49%;
    }

    #slide4-girl {
        position: absolute;
        top: 42%;
        left: 50%;
    }

    #slide4-text1 {
        width: 130px;
        position: absolute;
        top: 46%;
        left: 9%;
        font-size: 12px;
        padding:0;
    }

    #slide4-text2 {
        width: 130px;
        position: absolute;
        top: 58.4%;
        left: 4%;
        font-size: 12px;
        padding:0;
    }

    #slide4-text3 {
        width: 100px;
        position: absolute;
        top: 41%;
        left: 48%;
        font-size: 12px;
        padding:0;
    }

    .arrow-right {
        top: 26%;
        right: 43%;
        display: block;
        position: absolute;
        box-sizing: border-box;
        width: 20.8%;
        height: 12.37%;
        padding: 2.5% 3% 0; 
        background: url('../images/blue-arrow.png') no-repeat center;
        background-size: 100%;
        color: #fff;
        font-size: 25px;
    }

    #slide4-box {
        position: absolute;
        top: 27.73%;
        left: 72.84%;
        width: 22.56%;
        height: 60.55%;
        color: #131E1F;
        clear: both;
    }

    #slide4-box p.responsive {
        display: none;
    }

    #slide4-box .background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/slide-4/box-background.png') no-repeat center / 100% 100%;
    }

    #slide4-box-text1 {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 5%;
        left: 0;
        color: #000000;
        font-size: 12px;
    }

    #slide4-box-bubble1.bubble-1 {
        margin-top: 40px;
        height: 121px;
        background-size: 52%;
        position: relative;
        font-size: 25px;
        padding-top: 39px;
    }

    #slide4-box .wrap-50 {
        width: 50%;
        position: relative;
        font-size: 12px;
    }

    #slide-4 .wrap-50 .bubble-1 {
        max-width: 55px;
        padding-top: 19px;
        height: 55px;
        margin-bottom: 5px;
        font-size: 16px;
        padding-left: 15px;
    }

    #slide4-box .wrap-50 .text-body2 {
        height: auto;
        font-size: 12px;
        margin-bottom: 6px;
        text-align: center;
        padding: 0 17px;
    }

    #slide-5 {
        background: -webkit-linear-gradient(#AEE8F7 0%,#AEE8F7 44.12%,#83C411 44.12%,#83C411 49.63%,#EFB322 49.63%,#EFB322 100%);
        background: linear-gradient(to bottom, #AEE8F7 0%,#AEE8F7 44.12%,#83C411 44.12%,#83C411 49.63%,#EFB322 49.63%,#EFB322 100%);
    }

    #slide-5 .section-stage {
        min-height: 600px;
    }

    #slide5-girl {
        top: 29%;
        width: 18.51%;
        height: 47.51%;
        background-image: url('../images/slide-5/girl.png');
        display: block;
        position: absolute;
        left: 9%;
    }

    #slide5-building {
        top: 23.5%;
        right: 5%;
        width: 21.22%;
        height: 23.61%;
        background-image: url('../images/slide-5/building.png');
        display: block;
        position: absolute;
    }

    #slide5-forest {
        top: 23%;
        right: 30%;
        width: 62.56%;
        height: 27.54%;
        background-image: url('../images/slide-5/forest.png');
        display: block;
        position: absolute;
    }

    #slide5-fence {
        top: 24.1%;
        left: 6%;
        width: 61.54%;
        height: 36.23%;
        background-image: url('../images/slide-5/fence.png');
        display: block;
        position: absolute;
    }

    #slide5-footballers {
        top: 43%;
        width: 41.8%;
        height: 52.13%;
        display: block;
        position: absolute;
        left: 43%;
        background-image: url('../images/slide-5/footballers.gif');
    }

    #slide5-speech1 {
        top: 26%;
        left: 27%;
        width: 29.1%;
        height: 19.76%;
        background-image: url('../images/slide-5/speech1.png');
        display: block;
        position: absolute;
    }

    #slide5-doughnut1 {
        float: left;
        width: 57%;
        padding-top: 6%;
        padding-left: 6%;
    }

    #slide5-doughnut1 .doughnut-container,
    #slide5-doughnut3 .doughnut-container,
    #slide5-doughnut2 .doughnut-container {
        width: 80px !important;
        height: 80px !important;
        background-size: 80px;
    }

    #slide5-speech1 .speech-text {
        float: right;
        width: 43%;
        padding: 7% 2%;
        text-align: left;
    }
    #slide5-speech2 {
        top: 74%;
        left: 14%;
        width: 25.17%;
        height: 23.23%;
        background-image: url('../images/slide-5/speech2.png');
        display: block;
        position: absolute;
    }
    #slide5-doughnut2 {
        float: left;
        width: 35%;
        padding: 12% 5% 5%;
    }
    #slide5-speech2 .speech-text {
        float: right;
        width: 57%;
        padding: 11% 1% 5%;
        text-align: left;
    }
    #slide5-speech3 {
        top: 42%;
        left: 79%;
        width: 18.51%;
        height: 37.33%;
        background-image: url('../images/slide-5/speech3.png');
        display: block;
        position: absolute;
    }
    #slide5-doughnut3 {
        float: right;
        width: 63%;
        padding-top: 8%;
    }
    #slide5-speech3 .speech-text {
    float: right;
    width: 80%;
    padding: 5% 1% 5% 11%;
    }

    #slide-7 .main-doughnut {
        position: absolute;
    }

    #slide-7 .doughnut-container {
        width: 74px !important;
        height: 74px !important;
        background-size: 74px;
    }

    #slide-7 .doughnut-container canvas{
        width: 74px !important;
        height: 74px !important;
    }

    #slide-7 .doughnut-label {
        font-size: 20px;
        padding: 15px 10px;
        margin: 10px;
        line-height: 2em;
        border-radius: 50%;
    }

    #slide-7 .doughnut-text {
        position:absolute;
        top: 10px;
        left: 114%;
        width: 254px;
        text-align: left;
    }

    #slide7-shelves {
        top: 32.4%;
        width: 56.47%;
        height: 48.29%;
        background-image: url('../images/slide-7/shelves.png');
        display: block;
        position: absolute;
        left: 12%;
    }

    #slide7-cabinet {
        width: 34%;
        height: 309px;
        background-image: url('../images/slide-7/cabinet.png');
        background-size: contain;
        background-position: bottom left;
        float: left;
        margin: 16% -1% 5% 14%;
        position: relative;
    }

    #slide7-till {
        width: 22%;
        height: 320px;
        background-image: url('../images/slide-7/till.gif');
        background-size: contain;
        background-position: bottom left;
        float: left;
        margin: 15% 0% 5% -2%;
        position: relative;
    }

    #slide7-background {
        top: 87%;
        width: 90.4%;
        height: 4.95%;
        background-image: url('../images/slide-7/background.png');
        display: block;
        position: absolute;
        left: 5%;
    }

    #slide7-text1 {
        top: 37%;
        left: 22%;
    }

    #slide7-text2 {
        top: 37%;
        left: 31.5%;
    }

    #slide7-screen {
        top: 18%;
        right: 7%;
        width: 27.71%;
        height: 78.13%;
        padding-top: 7%;
        background-color: transparent;
        background-image: url('../images/slide-7/screen.png');
        background-repeat: no-repeat;
        background-size: 93%;
        display: block;
        position: absolute;
        padding: 42px 27px 5px 10px;
    }

    #slide7-bar-chart .label {
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    #slide7-bar-chart .bar-one, #slide7-bar-chart .bar-two, #slide7-bar-chart .bar-three,  #slide7-bar-chart .bar-four {
        font-size: 12px;
    }

    #slide7-screen-text {
        display: block;
        width: 86%;
        padding-left: 15%;
        font-size: 16px;
        padding-top: 10px;
    }

    #slide-7 .value {
        float: right;
        margin-top: 4px;
        margin-right: 7px;
    }

    #slide-8 {
        background: -webkit-linear-gradient(#AEE8F7 0%,#AEE8F7 55%,#83C411 55%,#83C411 100%);
        background: linear-gradient(to bottom, #AEE8F7 0%,#AEE8F7 55%,#83C411 55%,#83C411 100%);
    }

    #slide-8 .section-stage {
        min-height: 650px;
    }

    #slide8-text1 {
        top: 24%;
        left: 7%;
        width: 17.36%;
        height: 14.64%;
        padding: 2% 1% 2%;
        background-image: url('../images/slide-8/text1.png');
        color: #fff;
        display: block;
        position: absolute;
    }

    #slide8-text2 {
        top: 26%;
        left: 44%;
        width: 16.58%;
        height: 14.34%;
        padding: 2% 3% 2%;
        background-image: url('../images/slide-8/text2.png');
        display: block;
        position: absolute;
    }

    #slide8-text3 {
        top: 41%;
        left: 23%;
        width: 20.27%;
        height: 18.47%;
        padding: 3.2% 4% 2%;
        background-image: url('../images/slide-8/text3.png');
        color: #fff;
        display: block;
        position: absolute;
    }

    #slide8-text4 {
        top: 27%;
        left: 69%;
        width: 22.29%;
        height: 16.3%;
        padding: 3.5% 1% 0;
        background-image: url('../images/slide-8/text4.png');
        display: block;
        position: absolute;
    }
    
    #slide8-text5 {
        top: 50%;
        left: 5%;
        width: 12.45%;
        height: 12.12%;
        padding-top: 2.5%;
        padding-bottom: 2%;
        background-image: url('../images/slide-8/text5.png');
        display: block;
        position: absolute;
        color: #ffffff;
    }
    
    #slide8-text6 {
        top: 41%;
        left: 53%;
        width: 9.06%;
        height: 11.97%;
        padding: 2.4% 1.5% 2%;
        background-image: url('../images/slide-8/text6.png');
        display: block;
        position: absolute;
    }

    .slide8-list {
        display: none;
    }

    #slide8-house-mask {
        top: 0;
        left: 0%;
        width: 39%;
        height: 650px;
        background-color: #EFB322;
        display: block;
        position: absolute;
    }

    #slide8-window {
        width: 36.49%;
        height: 65%;
        background-image: url('../images/slide-8/window.gif');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 28%;
        left: 10%;
    }

    #slide8-girl {
        width: 17.55%;
        height: 38%;
        background-image: url('../images/slide-8/girl.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 53%;
        left: 43%;
    }

    #slide8-flowers {
        top: 42%;
        right: 10%;
        width: 27.67%;
        height: 54.13%;
        background-image: url('../images/slide-8/flowers.png');
        display: block;
        position: absolute;
    }

    #slide8-grass {
        top: 19%;
        right: 6%;
        width: 73.79%;
        height: 37.49%;
        background-image: url('../images/slide-8/grass.png');
        display: block;
        position: absolute;
    }

    #slide-10 .section-stage {
        min-height: 650px;
    }

    #slide-10 p.responsive {
        display: none;
    }

    #slide10-text1 {
        font-size: 16px;
        left: 6%;
        top: 25%;
        width: 20%;
        height: 18.5%;
        padding: 2.3% 1% 1%;
        position: absolute;
        display: block;
        background: #fff;
    }

    #slide10-man {
        top: 37%;
        left: 5%;
        width: 20.14%;
        height: 49.95%;
        background-image: url('../images/slide-10/man.png');
        display: block;
        position: absolute;
    }

    #slide10-shelves2 {
        top: 10%;
        right: 10%;
        width: 16.5%;
        height: 42.25%;
        background-image: url('../images/slide-10/shelves2.png');
        display: block;
        position: absolute;
    }

    #slide10-shelves1 {
        top: -3%;
        left: 9%;
        width: 34.48%;
        height: 68.25%;
        background-image: url('../images/slide-10/shelves1.png');
        display: block;
        position: absolute;
    }

    #slide10-woman {
        width: 30.39%;
        height: 65%;
        background-image: url('../images/slide-10/woman.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 28%;
        left: 30%;
    }

    #slide10-rack {
        width: 45.54%;
        height: 60%;
        background-image: url('../images/slide-10/rack.png');
        background-size: contain;
        background-position: bottom left;
        position: absolute;
        top: 32%;
        right: 1%;
    }

    #slide-10 .tube-container {
        position: relative;
        top: 38.2%;
        width: 12%;
        height: 34.5%;
    }

    #slide10-tube1 {
        right: -7.5%;
    }

    #slide10-tube2 {
        right: -9.2%;
    }

    #slide10-tube3 {
        right: -11%;
    }

    #slide10-tube4 {
        right: -12.45%;
    }

    #slide10-tube5 {
        right: -14.15%;
    }

    #slide10-rack-text {
        color: #ffffff;
        display: block;
        position: absolute;
        bottom: 12%;
        right: 32%;
    }

    #slide-11 {
        background-color: #81D1F4;
    }

    #slide-11 .section-stage {
        min-height: 650px;
        margin-bottom: 50px;
    }

    #slide-11 .section-title {
        position: relative;
        z-index:10;
    }

    #slide11-man {
        top: 18%;
        left: 6%;
        width: 11.5%;
        height: 24.9%;
        background-image: url('../images/slide-11/man.png');
        display: block;
        position: absolute;
        z-index: 11;
    }

    #slide11-machine-text {
        position: absolute;
        top: 37%;
        left: 38%;
        width: 29.5%;
        height: 9%;
    }

    #slide11-machine {
        top: 42px;
        left: 8%;
        width: 84.68%;
        height: 88.84%;
        background-image: url('../images/slide-11/machine.gif');
        display: block;
        position: absolute;
    }

    #slide11-machine-end {
        top: 54%;
        right: 0;
        width: 9.84%;
        height: 47.06%;
        background-image: url('../images/slide-11/machine-end.png');
        display: block;
        position: absolute;
    }

    #slide11-machine-lady {
        top: 47.8%;
        right: 10%;
        width: 14.65%;
        height: 24.74%;
        background-image: url('../images/slide-11/machine-lady.gif');
        display: block;
        position: absolute;
    }

    #slide11-machine-man {
        top: 23.3%;
        right: 5%;
        width: 32.22%;
        height: 28.64%;
        background-image: url('../images/slide-11/machine-man.gif');
        display: block;
        position: absolute;
    }

    #slide11-doughnut1 {
        position: absolute;
        top: 45.5%;
        left: 43%;
        width: 9%;
    }

    #slide11-doughnut2 {
        position: absolute;
        top: 45.35%;
        left: 54%;
        width: 9%;
    }

    #slide11-doughnut1-text {
        position: absolute;
        top: 58%;
        left: 42.8%;
        width: 9%;
        height: 4%;
    }

    #slide11-doughnut2-text {
        position: absolute;
        top: 58%;
        left: 53.6%;
        width: 9%;
        height: 4%;
    }

    #slide-11 .doughnut-container {
        width: 70px !important;
        height: 70px !important;
        background-size: 70px;
    }

    #slide-11 .doughnut-container canvas{
        display: none;
    }

    #slide-11 .doughnut-label, #slide-11 .doughnut-label-small, #slide-11 .doughnut-label-medium {
        display: none;
    }

    #slide-11 .doughnut-label div, #slide-11 .doughnut-label-small div, #slide-11 .doughnut-label-medium div {
        display: none;
    }

    #slide11-screen {
        top: 70%;
        left: 26%;
        width: 45.1%;
        height: 28.71%;
        background-image: url('../images/slide-11/screen.png');
        display: block;
        position: absolute;
    }

    #slide11-screen-text {
        position: absolute;
        top: 4%;
        left: 0%;
        width: 100%;
        height: 10%;
        color: #fff;
    }

    #slide11-bar-chart {
        position: absolute;
        top: 25%;
        left: 2%;
        height: 60%;
        width: 90%;
    }

    #slide11-bar-chart .label {
        display: inline-block;
        width: 100%;
        text-align: left;
        color: #fff;
    }

    #slide11-bar-chart .value {
        float: left;
        padding-left: 10px;
        width: 4%;
        color: #fff;
    }

    #slide11-bar-chart .bar-one .bar,
    #slide11-bar-chart .bar-two .bar { 
        background: #00AFDA;
    }

    #slide-12 {
        background: -webkit-linear-gradient(#AEE8F7 0%,#AEE8F7 45.59%,#EFB322 45.59%,#EFB322 48.53%, #E99713 48.53%,#E99713 55.15%, #EFB322 55.15%,#EFB322 100%);
        background: linear-gradient(to bottom, #AEE8F7 0%,#AEE8F7 45.59%,#EFB322 45.59%,#EFB322 48.53%, #E99713 48.53%,#E99713 55.15%, #EFB322 55.15%,#EFB322 100%);
    }

    #slide-12 .section-stage {
        min-height: 650px;
    }

    #slide12-factories {
        top: 1%;
        left: 0;
        width: 110.23%;
        height: 44.43%;
        background-image: url('../images/slide-12/factories.png');
        display: block;
        position: absolute;
    }

    #slide12-forest {
        top: 35.6%;
        left: 30%;
        width: 46.85%;
        height: 9.8%;
        background-image: url('../images/slide-12/forest.png');
        display: block;
        position: absolute;
    }

    #slide12-people1 {
        top: 25%;
        left: 8%;
        width: 39.87%;
        height: 25.74%;
        padding: 2% 1% 0 2%;
        background-image: url('../images/slide-12/people1.png');
        display: block;
        position: absolute;
        float: none;
    }

    #slide12-people1-percent, #slide12-people2-percent {
        float: left;
        font-size: 40px;
        line-height: 95%;
        font-weight: normal;
        padding-left: 10px;
    }

    #slide12-people1-text, #slide12-people2-text {
        float: right;
        width: 68%;
    }

    #slide12-people2 {
        top: 24.7%;
        right: 8%;
        width: 40.67%;
        height: 25.74%;
        padding: 2% 1% 0 1%;
        background-image: url('../images/slide-12/people2.png');
        display: block;
        position: absolute;
        float: none;
    }

    #slide12-bush {
        top: 57%;
        width: 77.38%;
        height: 21.35%;
        background-image: url('../images/slide-12/bush.png');
        display: block;
        position: absolute;
        left: 9%;
    }

    #slide12-base {
        top: 87%;
        left: 5%;
        width: 87.89%;
        height: 4.04%;
        background-image: url('../images/slide-12/base.png');
        display: block;
        position: absolute;
    }

    #slide12-text1 {
        top: 50%;
        left: 4%;
        width: 25%;
        height: 17%;
        padding-top: 1%;
        background-color: #fff;
        display: block;
        position: absolute;
        font-size: 25px;
    }

    #slide12-speech1 {
        top: 51%;
        left: 32%;
        width: 28.47%;
        height: 16.04%;
        padding: 2% 1% 0;
        color: #fff;
        background-image: url('../images/slide-12/speech1.png');
        display: block;
        position: absolute;
    }

    #slide12-speech1-percent {
        float: left;
        margin-top: 2%;
        font-size: 40px;
        line-height: 95%;
        font-weight: normal;
    }

    #slide12-speech1-text {
        float: right;
        width: 61%;
        text-align: left;
        font-size: 15px;
        letter-spacing: -0.3px;
        line-height: 21px;
    }

    #slide12-speech2 {
        top: 59%;
        left: 68%;
        width: 12.47%;
        height: 8.46%;
        padding-top: 1%;
        background-image: url('../images/slide-12/speech2.png');
        display: block;
        position: absolute;
        font-size: 12px;
    }

    #slide12-speech3 {
        top: 53%;
        left: 81%;
        width: 11.4%;
        height: 11.82%;
        padding-top: 1%;
        background-image: url('../images/slide-12/speech3.png');
            font-size: 12px;
                    display: block;
        position: absolute;
    }

    #slide12-speech4 {
        top: 62%;
        left: 88%;
        width: 8.15%;
        height: 8.2%;
        padding-top: 1%;
        background-image: url('../images/slide-12/speech4.png');
        font-size: 12px;
        display: block;
        position: absolute;
    }

    #slide12-person1 {
        top: 66%;
        width: 5.3%;
        height: 24%;
        background-image: url('../images/slide-12/person1.png');
        left: 9%;
        display: block;
        position: absolute;
    }
    #slide12-person2 {
        top: 68%;
        width: 5.4%;
        height: 21.42%;
        background-image: url('../images/slide-12/person2.png');
        left: 17%;
        display: block;
        position: absolute;
    }
    #slide12-person3 {
      top: 65.5%;
        width: 5.7%;
        height: 23.58%;
        background-image: url('../images/slide-12/person3.png');
        left: 26%;
        display: block;
        position: absolute;
    }
    #slide12-person4 {
        top: 66%;
        width: 7.2%;
        height: 23%;
        background-image: url('../images/slide-12/person4.png');
        left: 34%;
        display: block;
        position: absolute;
    }
    #slide12-person5 {
        top: 65%;
        width: 6.6%;
        height: 23.91%;
        background-image: url('../images/slide-12/person5.png');
        left: 43%;
        display: block;
        position: absolute;
    }
    #slide12-person6 {
        top: 65%;
        width: 5.5%;
        height: 25.32%;
        background-image: url('../images/slide-12/person6.png');
        left: 52%;
        display: block;
        position: absolute;
    }
    #slide12-person7 {
        top: 67%;
        width: 6.2%;
        height: 23.25%;
        background-image: url('../images/slide-12/person7.png');
        left: 60%;
        display: block;
        position: absolute;
    }
    #slide12-person8 {
        top: 67.5%;
        width: 8.3%;
        height: 22.75%;
        background-image: url('../images/slide-12/person8.png');
        left: 67%;
        display: block;
        position: absolute;
    }
    #slide12-person9 {
        top: 66.3%;
        width: 5.3%;
        height: 23.95%;
        background-image: url('../images/slide-12/person9.png');
        left: 78%;
        display: block;
        position: absolute;
    }
    #slide12-person10 {
        top: 64.5%;
        width: 7%;
        height: 25.71%;
        background-image: url('../images/slide-12/person10.png');
        left: 84%;
        display: block;
        position: absolute;
    }

    #slide-13 {
        background: -webkit-linear-gradient(#AEE8F7 0%,#AEE8F7 45.59%,#EFB322 45.59%,#EFB322 100%);
        background: linear-gradient(to bottom, #AEE8F7 0%,#AEE8F7 45.59%,#EFB322 45.59%,#EFB322 100%);
    }

    #slide-13 .section-stage {
        min-height: 650px;
    }

    #slide13-forest {
        top: 19.2%;
        width: 96.55%;
        height: 27.28%;
        background-image: url('../images/slide-13/forest.png');
        left: 1%;
        display: block;
        position: absolute;
    }

    #slide13-university {
        top: 16%;
        right: 10%;
        width: 35.48%;
        height: 46.14%;
        background-image: url('../images/slide-13/university.png');
        display: block;
        position: absolute;
    }

    #slide13-speech {
        top: 32%;
        left: 8%;
        width: 39.26%;
        height: 25.66%;
        padding: 3% 2% 0;
        color: #fff;
        background-image: url('../images/slide-13/speech.png');
        display: block;
        position: absolute;
    }

    #slide13-speech-percent {
        float: left;
        font-size: 85px;
        line-height: 95%;
        font-weight: normal;
    }

    #slide13-speech-text {
        float: right;
        width: 45%;
        text-align: left;
        font-size: 15px;
        letter-spacing: -0.3px;
        line-height: 21px;
    }

    #slide13-person1 {
        top: 54.5%;
        width: 7.79%;
        height: 29.07%;
        background-image: url('../images/slide-13/person1.png');
        left: 2%;
        display: block;
        position: absolute;
    }
    #slide13-person2 {
        top: 56%;
        width: 8.55%;
        height: 31.57%;
        background-image: url('../images/slide-13/person2.png');
        left: 12%;
        display: block;
        position: absolute;
    }
    #slide13-person3 {
        top: 57%;
        width: 9.16%;
        height: 26.82%;
        background-image: url('../images/slide-13/person3.png');
        left: 22%;
        display: block;
        position: absolute;
    }
    #slide13-person4 {
        top: 56.5%;
        width: 8.32%;
        height: 31.67%;
        background-image: url('../images/slide-13/person4.png');
        left: 34%;
        display: block;
        position: absolute;
    }
    #slide13-person5 {
        top: 53%;
        width: 7.79%;
        height: 30.17%;
        background-image: url('../images/slide-13/person5.png');
        left: 45%;
        display: block;
        position: absolute;
    }
    #slide13-person6 {
        top: 56%;
        width: 8.13%;
        height: 32.26%;
        background-image: url('../images/slide-13/person6.png');
        left: 56%;
        display: block;
        position: absolute;
    }
    #slide13-person7 {
        top: 51.8%;
        width: 7.79%;
        height: 30.5%;
        background-image: url('../images/slide-13/person7.png');
        left: 66%;
        display: block;
        position: absolute;
    }
    #slide13-person8 {
        top: 58.5%;
        width: 7.94%;
        height: 28.84%;
        background-image: url('../images/slide-13/person8.png');
        left: 74.5%;
        display: block;
        position: absolute;
    }
    #slide13-person9 {
        top: 54%;
        width: 6.67%;
        height: 28.12%;
        background-image: url('../images/slide-13/person9.png');
        left: 84%;
        display: block;
        position: absolute;
    }
    #slide13-person10 {
        top: 56.5%;
        width: 8.35%;
        height: 30.6%;
        background-image: url('../images/slide-13/person10.png');
        left: 91%;
        display: block;
        position: absolute;
    }

    .people-group {
        display: none;
    }

    #slide-15 {
        background: -webkit-linear-gradient(#AEE8F7 0%,#AEE8F7 52.57%,#EAC600 52.57%,#EAC600 63.97%, #EFB322 63.97%,#EFB322 70.59%, #EAC600 70.59%,#EAC600 83.45%,#EFB322 83.45%,#EFB322 100%);
        background: linear-gradient(to bottom, #AEE8F7 0%,#AEE8F7 52.57%,#EAC600 52.57%,#EAC600 63.97%, #EFB322 63.97%,#EFB322 70.59%, #EAC600 70.59%,#EAC600 83.45%,#EFB322 83.45%,#EFB322 100%);
    }

    #slide-15 .section-stage {
        min-height: 650px;
    }

    #slide15-forest {
        top: 28%;
        left: 2%;
        width: 99.34%;
        height: 25.67%;
        background-image: url('../images/slide-15/forest.png');
        display: block;
        position: absolute;
    }

    #slide15-fountain {
        top: 21%;
        left: 42%;
        width: 17.36%;
        height: 47.48%;
        background-image: url('../images/slide-15/fountain.png');
        display: block;
        position: absolute;
    }

    #slide15-thought1 {
        top: 20%;
        left: 23%;
        width: 21.96%;
        height: 25.04%;
        padding: 3.6% 1% 0;
        background-image: url('../images/slide-15/thought1.png');
        display: block;
        position: absolute;
    }

    #slide-15 .thought-bubble3 {
        width: 1.5%;
        height: 2.47%;
        background-image: url('../images/thought-bubble.png');
        display: block;
        position: absolute;
    }

    #slide-15 .thought-bubble2 {
        width: 0.9%;
        height: 1.63%;
        background-image: url('../images/thought-bubble.png');
        display: block;
        position: absolute;
    }

    #slide-15 .thought-bubble1 {
        width: 0.55%;
        height: 0.85%;
        background-image: url('../images/thought-bubble.png');
        display: block;
        position: absolute;
    }

    #slide15-thought1-bubble3 {
        top: 43%;
        left: 30%;
    }

    #slide15-thought1-bubble2 {
        top: 45%;
        left: 28%;
    }

    #slide15-thought1-bubble1 {
        top: 47%;
        left: 26%;
    }

    #slide15-thought2-bubble3 {
        top: 40.5%;
        left: 73.5%;
    }

    #slide15-thought2-bubble2 {
        top: 44%;
        left: 72%;
    }
    #slide15-thought2-bubble1 {
        top: 47%;
        left: 70%;
    }

    #slide15-thought2 {
        top: 21.5%;
        left: 62%;
        width: 23.91%;
        height: 19.31%;
        padding: 2.5% 2% 0.5%;
        background-image: url('../images/slide-15/thought2.png');
        display: block;
        position: absolute;
    }

    #slide15-man {
        top: 34.5%;
        left: 17%;
        width: 10.18%;
        height: 36.88%;
        background-image: url('../images/slide-15/man.png');
        display: block;
        position: absolute;
    }

    #slide15-couple {
        top: 37.5%;
        right: 10%;
        width: 14.97%;
        height: 29.91%;
        background-image: url('../images/slide-15/couple.png');
        display: block;
        position: absolute;
    }


    #slide15-bush1 {
        top: 58%;
        left: 4%;
        width: 13.36%;
        height: 6.18%;
        background-image: url('../images/slide-15/bush1.png');
        display: block;
        position: absolute;
    }

    #slide15-bush3 {
        top: 67.5%;
        left: -5%;
        width: 37.8%;
        height: 21.01%;
        background-image: url('../images/slide-15/bush3.png');
        display: block;
        position: absolute;
    }

    #slide15-bush2 {
        top: 55.5%;
        right: 2%;
        width: 19.46%;
        height: 8.3%;
        background-image: url('../images/slide-15/bush2.png');
        display: block;
        position: absolute;
    }

    #slide15-dogger {
        top: 43%;
        right: 9%;
        width: 31.11%;
        height: 49.38%;
        background-image: url('../images/slide-15/dogger.png');
        display: block;
        position: absolute;
    }

    #slide15-dog {
        top: 78.5%;
        right: -11.5%;
        width: 27.66%;
        height: 16.05%;
        background-image: url('../images/slide-15/dog.png');
        display: block;
        position: absolute;
    }

    #slide15-pram {
        top: 45.8%;
        left: 30%;
        width: 23.54%;
        height: 47.26%;
        background-image: url('../images/slide-15/pram.png');
        display: block;
        position: absolute;
    }

    #slide15-base {
        top: 89%;
        left: 24%;
        width: 51.78%;
        height: 5.64%;
        background-image: url('../images/slide-15/base.png');
        display: block;
        position: absolute;
    }

    #slide15-speech2 {
        top: 59%;
        left: 72%;
        width: 13.1%;
        height: 33.7%;
        padding: 4% 1.5% 0.5%;
        background: transparent;
        background-image: url('../images/slide-15/speech2.png');
        background-size: contain;
        background-position: bottom left;
        display: block;
        position: absolute;
    }

    #slide15-speech1 {
        top: 63%;
        left: 18%;
        width: 12.87%;
        height: 32.88%;
        padding: 2% 4.5% 0 1.5%;
        background: transparent;
        background-image: url('../images/slide-15/speech1.png');
        background-size: contain;
        background-position: bottom left;
        display: block;
        position: absolute;
    }

    #slide15-doughnut1 .doughnut-container, 
    #slide15-doughnut2 .doughnut-container {
        background-size: 76px;
        width: 76px !important;
        height: 76px !important;
    }

    #slide15-doughnut1 .doughnut-container canvas, 
    #slide15-doughnut2 .doughnut-container canvas{
        display: none;
    }

    #slide-15 .doughnut-label, #slide-15 .doughnut-label-small, #slide-15 .doughnut-label-medium {
        display: none;
    }

    #slide-15 .doughnut-label div, #slide-15 .doughnut-label-small div, #slide-15 .doughnut-label-medium div {
        display: none;
    }

    #slide-16 {
        background: -webkit-linear-gradient(#AEE8F7 0%,#AEE8F7 65.07%,#83C411 65.07%,#83C411 100%);
        background: linear-gradient(to bottom, #AEE8F7 0%,#AEE8F7 65.07%,#83C411 65.07%,#83C411 100%);
    }

    #slide-16 .section-stage {
        min-height: 650px;
    }

    #slide16-dunes {
        top: 52.1%;
        left: -2%;
        width: 105.05%;
        height: 12.87%;
        background-image: url('../images/slide-16/dunes.png');
        background-position: top left;
        display: block;
        position: absolute;
    }

    #slide16-cloud1 {
        top: 24%;
        width: 24.54%;
        height: 8.72%;
        background-image: url('../images/slide-16/cloud1.png');
        background-size: contain;
        background-position: bottom left;
        display: block;
        position: absolute;
    }

    #slide16-cloud2 {
        top: 28%;
        right: 12%;
        width: 24.54%;
        height: 8.72%;
        background-image: url('../images/slide-16/cloud2.png');
        background-size: contain;
        background-position: bottom left;
        display: block;
        position: absolute;
    }

    #slide16-building1 {
        top: 31%;
        left: 2%;
        width: 20.68%;
        height: 49.41%;
        background-image: url('../images/slide-16/building1.gif');
        display: block;
        position: absolute;
    }

    #slide16-building2 {
        top: 37.5%;
        left: 24%;
        width: 19.51%;
        height: 37.66%;
        background-image: url('../images/slide-16/building2.gif');
        display: block;
        position: absolute;
    }

    #slide16-building3 {
        top: 50.5%;
        left: 45%;
        width: 18.65%;
        height: 30.15%;
        background-image: url('../images/slide-16/building3.png');
        display: block;
        position: absolute;
    }

    #slide16-building4 {
        top: 29%;
        left: 66%;
        width: 17.99%;
        height: 52.04%;
        background-image: url('../images/slide-16/building4.gif');
        display: block;
        position: absolute;
    }

    #slide16-building5 {
        top: 30%;
        left: 85.5%;
        width: 12.18%;
        height: 46.86%;
        background-image: url('../images/slide-16/building5.png');
        display: block;
        position: absolute;
    }

    #slide16-label1 {
        position: absolute;
        top: 83%;
        left: 8.5%;
    }

    #slide16-label2 {
        position: absolute;
        top: 83%;
        left: 30.5%;
    }

    #slide16-label3 {
        position: absolute;
        top: 83%;
        left: 50.5%;
    }

    #slide16-label4 {
        position: absolute;
        top: 83%;
        left: 70.5%;
    }

    #slide16-label5 {
        position: absolute;
        top: 83%;
        left: 89%;
    }

    #slide-16 p.responsive {
        display: none;
    }

    .building-group {
        display: none;
    }

    #slide16-thought1,
    #slide16-thought2,
    #slide16-thought3,
    #slide16-thought4,
    #slide16-thought5 {
        display: none;
    }

    #slide-17 .section-stage {
        min-height: 1250px;
    }

    .slide-background4 {
        background-color: #EF2999;
    }

    #slide17-background {
        top: -13%;
        left: -45%;
        width: 205.65%;
        height: 62.79%;
        background-image: url('../images/slide-17/background.png');
        display: block;
        position: absolute;
    }

    #slide17-picture {
        top: 8%;
        width: 18.29%;
        height: 34.37%;
        background-image: url('../images/slide-17/picture.png');
        display: block;
        position: absolute;
    }

    #slide17-light1 {
        top: -9%;
        left: 40%;
        width: 9.94%;
        height: 40.2%;
        background-image: url('../images/slide-17/light.png');
        display: block;
        position: absolute;
    }

    #slide17-light2 {
        top: -9%;
        left: 80%;
        width: 9.94%;
        height: 40.2%;
        background-image: url('../images/slide-17/light.png');
        display: block;
        position: absolute;
    }

    #slide17-img4,
    #slide17-img3,
    #slide17-img2,
    #slide17-img1 {
        display: none;
    }

    #slide17-screen {
        margin-top: 650px;
        margin-bottom: -1px;
    }

    #slide17-ice-cream {
        top: 15.8%;
        left: 35%;
        width: 56.78%;
        height: 29.69%;
        background-image: url('../images/slide-17/ice-cream.png');
        display: block;
        position: absolute;
    }

    #slide17-people1 {
        top: 25%;
        left: 6%;
        width: 29.56%;
        height: 36.78%;
        background-image: url('../images/slide-17/people1.png');
        display: block;
        position: absolute;
    }

    #slide17-people2 {
        top: 26%;
        left: 37%;
        width: 31.9%;
        height: 41.83%;
        background-image: url('../images/slide-17/people2.png');
        display: block;
        position: absolute;
    }

    #slide17-people3 {
        top: 23%;
        left: 70%;
        width: 28.91%;
        height: 35.94%;
        background-image: url('../images/slide-17/people3.png');
        display: block;
        position: absolute;
    }

    #slide17-speech1 {
        top: 23%;
        left: 45%;
        width: 16.31%;
        height: 11.28%;
        padding: 4% 2% 0%;
        background-image: url('../images/slide-17/speech1.png');
        display: block;
        position: absolute;
    }

    #slide17-speech7 {
        top: 18%;
        left: 70%;
        width: 25.84%;
        height: 16.73%;
        padding: 5% 4% 0%;
        background-image: url('../images/slide-17/speech7.png');
        display: block;
        position: absolute;
    }

    #slide17-speech3 {
        top: 20%;
        left: 26%;
        width: 13%;
        height: 11%;
        padding: 2% 3% 0%;
        background-image: url('../images/slide-17/speech3.png');
        display: block;
        position: absolute;
    }

    #slide17-speech5 {
        top: 47%;
        left: 26%;
        width: 12.87%;
        height: 10.49%;
        padding: 3% 3% 0%;
        background-image: url('../images/slide-17/speech5.png');
        display: block;
        position: absolute;
    }

    #slide17-logo2 {
        margin: -1px 0;
    }

}