/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
        
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
            text-decoration: none;
        }
        /* HTML5 display-role reset for older browsers */
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
        }
        
        body {
            line-height: 1;
        }
        
        ol,
        ul {
            list-style: none;
        }
        
        blockquote,
        q {
            quotes: none;
        }
        
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none;
        }
        
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        
        body {
            background-color: #ffffff -webkit-transition: background-color 700ms linear;
            -moz-transition: background-color 700ms linear;
            -o-transition: background-color 700ms linear;
            -ms-transition: background-color 700ms linear;
            transition: background-color 700ms linear;
            transition: background-color 700ms linear;
            margin: 0;
            padding: 0;
        }

        .video {
            margin-top: 150px;
        }
        
        body.scrolled {
            background-color: #0072a1;
        }
        
        #logo {
            height: 50px;
        }
        
        #wrapper {
            text-align: center;
            padding-top: 300px;
            margin-left: auto;
            margin-right: auto;
            width: 960px;
        }
        
        #wrapperResults {
            text-align: center;
            padding-top: 350px;
            margin-left: auto;
            margin-right: auto;
            width: 960px;
        }
        
        #nav {
            background-color: #345969;
            width: 100%;
            height: 50px;
            position: fixed;
            z-index: 3;
        }
        
        #nav6 {
            background-color: #212121;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
            float: right;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
        }
        
        #nav5 {
            background-color: #0c8382;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
            float: right;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
        }
        
        #nav4 {
            background-color: #0d6cb4;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
            float: right;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
        }
        
        #nav3 {
            background-color: #008181;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
            float: right;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
        }
        
        #nav2 {
            background-color: #006767;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
            float: right;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
        }
        
        #nav1 {
            background-color: #117aac;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
            float: right;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
        }
        
        @font-face {
            font-family: LemonMilk;
            src: url('LemonMilk.otf');
        }
        
        @font-face {
            font-family: CaviarDreams;
            src: url('CaviarDreams.ttf');
        }
        
        @font-face {
            font-family: CaviarDreams_Bold;
            src: url('CaviarDreams_Bold.ttf');
        }
        
        .agreeButton {
            background-color: #b24e00;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
        }
        
        .unsureButton {
            background-color: #345969;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
        }
        
        .disagreeButton {
            background-color: #006767;
            width: 150px;
            height: 50px;
            color: white;
            font-size: 24px;
            text-align: center;
            font-family: LemonMilk;
            line-height: 50px;
            display: inline-block;
            margin: 0px;
        }
        
        .radios input[type=radio] {
            display: none
        }
        
        .radios input[type=radio]:checked + .radio {
            background-color: #241009;
        }
        
        h1 {
            font-size: 96px;
            font-family: CaviarDreams_Bold;
            color: white;
            text-align: center;
            position: relative;
            top: 10px;
        }
        
        h2 {
            font-family: CaviarDreams_Bold;
            font-size: 48px;
            color: white;
            text-align: center;
            margin-bottom: 20px;
            font-weight: 400;
        }
        
        h3 {
            font-family: CaviarDreams;
            font-size: 28px;
            color: white;
            text-align: center;
            margin-bottom: 40px;
        }
        
        #s1q1container {
            margin-top: 350px;
        }
        
        #s2q1container {
            margin-top: 350px;
        }
        
        #s3q1container {
            margin-top: 350px;
        }
        
        #s4q1container {
            margin-top: 350px;
        }
        
        #s5q1container {
            margin-top: 350px;
        }
        
        .qContainer {
            margin-top: 100px;
            margin-bottom: 0px;
            text-align: center;
        }
        
        #s1titleTop {
            background-color: #0072a1;
            width: 80%;
        }
        
        #s1titleMid {
            background-color: #117aac;
            width: 65%;
        }
        
        #s1titleBottom {
            background-color: #008181;
            width: 40%;
        }
        
        #s2titleTop {
            background-color: #0072a1;
            width: 75%;
        }
        
        #s2titleMid {
            background-color: #117aac;
            width: 65%;
        }
        
        #s2titleBottom {
            background-color: #008181;
            width: 80%;
        }
        
        #s3titleTop {
            background-color: #0072a1;
            width: 75%;
        }
        
        #s3titleMid {
            background-color: #117aac;
            width: 65%;
        }
        
        #s3titleBottom {
            background-color: #008181;
            width: 75%;
        }
        
        #s4titleTop {
            background-color: #0072a1;
            width: 75%;
        }
        
        #s4titleMid {
            background-color: #117aac;
            width: 90%;
        }
        
        #s4titleBottom {
            background-color: #008181;
            width: 85%;
        }
        
        #s5titleTop {
            background-color: #0072a1;
            width: 75%;
        }
        
        #s5titleMid {
            background-color: #117aac;
            width: 65%;
        }
        
        #s5titleBottom {
            background-color: #008181;
            width: 52%;
        }
        
        #resultsTitleTop {
            background-color: #0072a1;
            width: 30%;
        }
        
        #resultsTitleMid {
            background-color: #117aac;
            width: 45%;
        }
        
        .titleBlock {
            width: auto;
            height: 120px;
            margin-left: auto;
            margin-right: auto;
        }
        
        p {
            font-family: sans-serif;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: 0.5px;
            color: white;
        }
        
        .fa-arrow-circle-down {
            margin-top: 25px;
            color: #002121;
        }
        
        .anchor {
            padding-top: 75px;
        }
        
        .navArrows {
            margin: 100px;
            color: white;
            display: inline-block;
        }
        
        #biglogo {
            margin-top: -150px;
            width: 500px;
            height: auto;
            background: transparent;
        }
        
        .fade {
            position: relative;
        }
        
        mark.scroll {
            display: block;
            text-align: center;
            background: none;
            background-attachment: fixed;
        }
        
        #navMobile {
            display: none;
        }
        
        .titleIcon {
            margin-top: 20px;
        }
        /*-------------------------SMALL DEVICES-------------------------*/
        
        @media only screen and (max-width: 960px) {
            #nav {
                display: none;
            }
            #navMobile {
                display: inline;
                background-color: #345969;
                width: 100%;
                height: auto;
                position: fixed;
                z-index: 3;
                margin-bottom: 150px;
            }
            #nav6 {
                background-color: #212121;
                width: 16.6666666667%;
                height: auto;
                color: white;
                font-size: 50px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 160%;
                display: inline-block;
                margin: 0px;
                float: left;
                -webkit-user-select: none;
                /* Chrome/Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+ */
            }
            #nav5 {
                background-color: #0c8382;
                width: 16.6666666667%;
                height: auto;
                color: white;
                font-size: 50px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 160%;
                display: inline-block;
                margin: 0px;
                float: left;
                -webkit-user-select: none;
                /* Chrome/Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+ */
            }
            #nav4 {
                background-color: #0d6cb4;
                width: 16.6666666667%;
                height: auto;
                color: white;
                font-size: 50px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 160%;
                display: inline-block;
                margin: 0px;
                float: left;
                -webkit-user-select: none;
                /* Chrome/Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+ */
            }
            #nav3 {
                background-color: #008181;
                width: 16.6666666667%;
                height: auto;
                color: white;
                font-size: 50px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 160%;
                display: inline-block;
                margin: 0px;
                float: left;
                -webkit-user-select: none;
                /* Chrome/Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+ */
            }
            #nav2 {
                background-color: #006767;
                width: 16.6666666667%;
                height: auto;
                color: white;
                font-size: 50px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 160%;
                display: inline-block;
                margin: 0px;
                float: left;
                -webkit-user-select: none;
                /* Chrome/Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+ */
            }
            #nav1 {
                background-color: #117aac;
                width: 16.6666666667%;
                height: auto;
                color: white;
                font-size: 50px;
                text-align: center;
                font-family: LemonMilk;
                display: inline-block;
                margin: 0px;
                line-height: 160%;
                float: left;
                -webkit-user-select: none;
                /* Chrome/Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+ */
            }
            #logo {
                width: 100%;
                height: auto;
            }
            #biglogo {
                margin-top: -30px;
                width: 450px;
                height: auto;
                background: transparent;
            }
            #homeArrow {
                float: left;
            }
            #wrapper {
                text-align: center;
                padding-top: 240px;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
            }
            #wrapperResults {
                text-align: center;
                padding-top: 620px;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
            }
            .anchor {
                padding-top: 320px;
                text-align: center;
            }
            .navArrows {
                margin: 50px;
                color: white;
            }
            #s1titleTop {
                background-color: #0072a1;
                width: 80%;
            }
            #s1titleMid {
                background-color: #117aac;
                width: 65%;
            }
            #s1titleBottom {
                background-color: #008181;
                width: 60%;
            }
            #s2titleTop {
                background-color: #0072a1;
                width: 80%;
            }
            #s2titleMid {
                background-color: #117aac;
                width: 70%;
            }
            #s2titleBottom {
                background-color: #008181;
                width: 80%;
            }
            #s3titleTop {
                background-color: #0072a1;
                width: 80%;
            }
            #s3titleMid {
                background-color: #117aac;
                width: 80%;
            }
            #s3titleBottom {
                background-color: #008181;
                width: 80%;
            }
            #s4titleTop {
                background-color: #0072a1;
                width: 75%;
            }
            #s4titleMid {
                background-color: #117aac;
                width: 90%;
            }
            #s4titleBottom {
                background-color: #008181;
                width: 90%;
            }
            #s5titleTop {
                background-color: #0072a1;
                width: 80%;
            }
            #s5titleMid {
                background-color: #117aac;
                width: 75%;
            }
            #s5titleBottom {
                background-color: #008181;
                width: 85%;
            }
            #resultsTitleTop {
                background-color: #0072a1;
                width: 45%;
                height: 70px;
            }
            #resultsTitleMid {
                background-color: #117aac;
                width: 75%;
                height: 70px;
            }
            .titleBlock {
                width: auto;
                height: 70px;
                margin-left: auto;
                margin-right: auto;
            }
            #wrapperResults {
                padding-top: 250px;
            }
            p {
                font-family: sans-serif;
                font-size: 24px;
                line-height: 30px;
                letter-spacing: 0.5px;
                color: white;
                text-align: center;
            }
            h1 {
                font-size: 48px;
                font-family: CaviarDreams_Bold;
                color: white;
                text-align: center;
                position: relative;
                top: 10px;
            }
            h2 {
                font-family: CaviarDreams_Bold;
                font-size: 48px;
                color: white;
                text-align: center;
                margin-bottom: 20px;
                font-weight: 400;
            }
            h3 {
                font-family: CaviarDreams;
                font-size: 28px;
                color: white;
                text-align: center;
                margin-bottom: 40px;
            }
            .agreeButton {
                background-color: #b24e00;
                width: 300px;
                height: 100px;
                color: white;
                font-size: 48px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 100px;
                display: inline-block;
                margin: 0px;
            }
            .unsureButton {
                background-color: #345969;
                width: 300px;
                height: 100px;
                color: white;
                font-size: 48px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 100px;
                display: inline-block;
                margin: 0px;
            }
            .disagreeButton {
                background-color: #006767;
                width: 300px;
                height: 100px;
                color: white;
                font-size: 48px;
                text-align: center;
                font-family: LemonMilk;
                line-height: 100px;
                display: inline-block;
                margin: 0px;
            }
            @media only screen and (max-width: 640px) {
                #logo {
                    width: 100%;
                    height: auto;
                }
                #biglogo {
                    margin-top: -100px;
                    width: 300px;
                    height: auto;
                    background: transparent;
                }
                #homeArrow {
                    float: left;
                }
                #wrapper {
                    text-align: center;
                    padding-top: 200px;
                    margin-left: auto;
                    margin-right: auto;
                    width: 100%;
                }
                #wrapperResults {
                    text-align: center;
                    padding-top: 250px;
                    margin-left: auto;
                    margin-right: auto;
                    width: 100%;
                }
                h1 {
                    font-size: 48px;
                    font-family: CaviarDreams_Bold;
                    color: white;
                    text-align: center;
                    position: relative;
                    top: 10px;
                }
                
                h1#volunteering {
                    font-size: 32px;
                }
                
                .titleBlock {
                    width: auto;
                    height: auto;
                    margin-left: auto;
                    margin-right: auto;
                    padding-bottom: 20px;
                }
                h2 {
                    font-family: CaviarDreams_Bold;
                    font-size: 48px;
                    color: white;
                    text-align: center;
                    margin-bottom: 20px;
                    font-weight: 400;
                }
                h3 {
                    font-family: CaviarDreams;
                    font-size: 28px;
                    color: white;
                    text-align: center;
                    margin-bottom: 40px;
                }
            }