body, html { font-family: "Montserrat",sans-serif; width: 100%; }
h1,h2,h3,h4,h5,h6,input,select,textarea { font-family: "Montserrat",sans-serif; margin: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration: none; }
.green-bg { background-color: #7ecbb7; }
.row { max-width: 100%; }

#header h1 { left: -9999px; position: absolute; top: -9999px; }
#header { position: relative; z-index: 1; }
#header img { height: 80px; margin: 34px; }
#header ul { margin: 60px 112px 0 0; position: absolute; right: 0; top: 0; }
#header ul li { display: inline-block; margin: 0 10px; }
#header ul li a { color: #fcb040; font-weight: 700; padding: 8px 12px; transition: background-color .1s, color .12s; }
#header ul li a:hover { color: #23a9e1; transition: color .2s; }

#title-area { overflow: hidden; padding-top: 120px; padding-bottom: 26px; position: relative; text-align: center; }
#title-area > strong { display: block; font-size: 1.6em; font-weight: 400; margin: 15px 0 32px; }
#title-area > strong > span { color: #23a9e1; font-weight: 700; }
#title-area > p { margin: 0 auto 72px; width: 54%; }
#title-area > img { left: 0; opacity: 0; position: absolute; top: 0; transition: 0s; }
#title-area > img[src*="title"] { display: block; margin: 0 auto; opacity: 1; position: relative; }
#title-area > img.cloud1 { left: 34%; top: 4%; width: 6%; }
#title-area > img.cloud2 { left: -9%; top: 34%; width: 9%; }
#title-area > img.cloud3 { left: 64%; top: 1%; width: 11%; }
#title-area > img.cloud4 { left: 88%; top: 8%; width: 8%; }
#title-area > img.cloud5 { left: 95%; top: 51%; width: 9%;}
#title-area > img[src*="Wind_01"] { left: 8%; top: 57%; width: 7%; }
#title-area > img[src*="Wind_02"] { left: 10%; top: 7%; width: 17%; }
#title-area > img[src*="Wind_04"] { left: 91%; top: 29%; width: 3%; }
#title-area > img[src*="Wind_05"] { left: 74%; top: 87%; width: 12%; }
#title-area.jetstream > img { opacity: 1; }
#title-area.jetstream > img.cloud1 { left: 44%; transition: left 18.6s, opacity .8s; }
#title-area.jetstream > img.cloud2 { left: -2%; transition: left 10.9s, opacity .8s; }
#title-area.jetstream > img.cloud3 { left: 58%; transition: left 11.6s, opacity .8s; }
#title-area.jetstream > img.cloud4 { left: 78%; transition: left 11.6s, opacity .8s; }
#title-area.jetstream > img.cloud5 { left: 83%; transition: left 11.6s, opacity .8s; }
#title-area.jetstream > img[src*="Wind_01"] { left: 14%; transition: left 10.6s ease-in-out 3.2s, opacity 2.8s ease-in-out 2.8s; }
#title-area.jetstream > img[src*="Wind_02"] { left: 15%; transition: left 10.6s ease-in-out 3.2s, opacity 2.8s ease-in-out 2.8s; }
#title-area.jetstream > img[src*="Wind_04"] { left: 86%; transition: left 9s ease-in-out 4.2s, opacity 2.8s ease-in-out 2.6s; }
#title-area.jetstream > img[src*="Wind_05"] { left: 69%; transition: left 9s ease-in-out 4.2s, opacity 2.8s ease-in-out 2.6s; }

#page-title-area { margin-top: -142px; position: relative; }
#page-title-area .row { width: 80%; }
#page-title-area > img { position: absolute; }

#page-title-area img[src*="title"] { display: block; position: relative; width: 100%; }
#page-title-area img[src*="blueprint-title"] { margin-bottom: 150px; }
#page-title-area img[src*="aboutus-title"] { clear: both; margin-bottom: 0; width: 60%; }
#page-title-area p { display: block; font-size: 1.3em; font-weight: 400; margin: 18px auto; width: 84%; }
#page-title-area p span { color: #23a9e1; font-weight: 700;  }
#page-title-area .focus-image { display: block; height: 400px; margin: 238px auto 140px; position: relative; }
#page-title-area img[src*="DottedLine_01"] { display: block; height: 300px; margin: 0 auto; position: relative; }
#page-title-area img[src*="DottedLine_02"] { display: block; height: 160px; float: right; left: -31px; margin: 8px -.9375rem 12px 0; position: relative; }
#page-title-area img[src*="DottedLine_03"] { float: right; margin-right: 20%; margin-bottom: -70px; }
#page-title-area img[src*="DottedLine_04"] { bottom: 0; left: 50%; margin-left: -258px; position: absolute; }
#page-title-area h2 { border: 3px solid #0070ad; border-width: 3px 0; color: #23a9e1; font-size: 1.3em; font-weight: 700; margin: 54px auto 34px; padding: 5px 0; width: 84%; }
#page-title-area ul { list-style-type: none; margin: 0 auto; width: 84%; }
#page-title-area ul li { font-size: 1.3em; margin-bottom: 11px; }
#page-title-area ul li i { margin-right: 14px; }

#page-title-area.no-lines { margin-top: 70px; padding: 0 70px 45px 0; }
#page-title-area.no-lines .focus-image { margin: 0 auto; }
#page-title-area.no-lines .row { width: 90%; }
#page-title-area.about-us-page { padding-bottom: 84px; }
#page-title-area.about-us-page h2 { display: inline-block; margin-left: 8%; padding-right: 100px; width: auto; }

@keyframes example {
    0% { transform: rotate(0); top: 0; }
    20% { top: 8px; }
    50% { top: 2px; transform: rotate(10deg); }
    60% { top: 3px; transform: rotate(-13deg); }
    100% { transform: rotate(0); top: 0; }
}

.quiz-link { color: #333; cursor: pointer; display: inline-block; font-size: .85em; position: relative; z-index: 2; }
.quiz-link > img[src*="CellPhone"] { animation-name: example; animation-duration: 1.6s; animation-iteration-count: infinite; height: 54px; margin-right: 14px; position: relative; }
.quiz-link > img[src*="SpeechBubble"] { height: 128%; left: -200%; max-width: 800%; opacity: 0; position: absolute; top: -8px; }
.quiz-link:hover > img[src*="SpeechBubble"] { left: 38px; opacity: 1; top: -26px; transition: left .001s, opacity .5s ease-in-out .021s, top .35s ease-in-out .051s; }
#page-title-area .quiz-link { display: block; margin: 180px 0 -180px 20%; }
#page-title-area.no-lines .quiz-link { margin: 0 0 80px 20%; }

.doc-link { display: block; font-size: 1em; margin-bottom: 24px; }
.doc-link img { height: 42px; margin-right: 8px; }

.animated-area { margin-top: -86px; overflow-x: hidden; position: relative; }
#animated-area-bottom { margin-top: -8.5%; }
#animated-section img { position: absolute; }
#animated-section img[src*="Illustration"],
#animated-section img[src*="Road"] { position: relative; width: 100%; }
#animated-area-top img[src*="Train_01"] { top: 55%; left: 31%; height: 17%;  }
#animated-section img[src*="Car_Automated_02"] { top: 53.5%; left: 83%; height: 20%; }
#animated-section img[src*="Bus_01"] { top: 63%; left: 11%; height: 15%; }
#animated-area-bottom img[src*="Train_01"] { top: 65%; left: 21%; height: 24%;  }
#animated-section img[src*="Car_Automated_01"] { top: 59.5%; left: 63%; height: 31.5%; }
#animated-section img[src*="Bus_02"] { top: 71%; left: 83%; height: 22%; }
#animated-section img[src*="Car_Kayak_01"] { top: 70.2%; left: 6%; height: 27%; }

.animated-divider { padding-top: 64px; overflow-x: hidden; position: relative; }
.animated-divider img[src*="Bus_01"] { left: 8%; position: absolute; bottom: 6px ; width: 8%; }

#body { text-align: center; }
.green-bg { padding: 0 88px 34px 18px; }
#body h2 { border: 3px solid #185e82; border-width: 2px 0; color: #23a9e1; display: inline-block; font-size: 1.4em; font-weight: 700; margin: 54px 0 28px; padding: 4px 0; position: relative; }
#body h2:before { border-right: 3px dotted #ccc; content: ""; left: 50%; position: absolute; height: 34px; margin-top: -46px; top: 0; width: 1px; }
#body.green-bg h2, #body .green-bg h2 { border-color: #000; color: #fff; }
#body.green-bg h2:before, #body .green-bg h2:before { border-color: #fff; }
#body .green-bg strong { display: block; }

.list-header { display: block; font-size: 1.4em; margin: 28px 0 20px; text-align: center; text-decoration: underline; }
#page-title-area.process-page.no-lines .focus-image { margin-bottom: 42px; }

/* HOMEPAGE */
.wistia_responsive_padding { margin: 26px auto 18px; width: 86%; }
#partnership { background-color: #fff; border: 2px dashed #fcb040; margin: 38px auto 0; outline: 8px solid #fff; padding: 26px 18px; width: 86%; }
#partnership img { height: 50px; margin: 0 20px; }

/* RESOURCES */
.meeting-detail { display: inline-block; padding: 18px 0 42px; vertical-align: top; width: 18%; }
.meeting-detail > div { background-color: #fff; border-radius: 100%; height: 145px; line-height: 145px; margin: 0 auto 22px; position: relative; width: 145px; }
.meeting-detail > div:before { border-radius: 100%; border: 2px dashed #fcb040; content: ""; height: 92%; left: 4%; position: absolute; top: 4%; width: 92%; }
.meeting-detail > div img { width: 60px; }
.meeting-detail span { display: block; font-size: 1.2em; font-weight: 700; line-height: 1.3em; }

.document-list { padding: 0 9% 0 6%; }
.document-list .columns { padding: 0 4%; }
.document-list .medium-3 img { width: 74%; }
.document-list .medium-9 { font-size: .85em; margin: 45px 0; text-align: left; }
.document-list .medium-9 h3 { color: #53535b; font-size: 1.4em; font-weight: 700; margin: 24px 0 3px; }
.document-list .medium-9 td a { border-right: 1px solid #555; color: #53535b; padding: 0 26px; }
.document-list .medium-9 td a:first-of-type { padding-left: 0; }
.document-list .medium-9 td a:last-of-type { border: 0; }
#misc-documents .medium-3 img { width: 54%; }

.document-list .medium-9 h3 { color: #23a9e1; font-size: 2.2em; font-weight: 400; margin: 0 0 16px; }
.document-list h4 { color: #23a9e1; font-size: 1em; font-weight: 700; margin: 0; }
.document-list table { border: 0; }
.document-list table tr { vertical-align: top; }
.document-list table tr td { line-height: 1.7em; padding: 0;  }
.document-list .medium-9 { font-size: 1.2em; }
.document-list .medium-9 td a { border: 0; padding: 0; transition: .15s; }
.document-list .medium-9 td a:hover { color: #23a9e1; }
.document-list .medium-9 tr td:first-of-type span,
.document-list .medium-9 tr td:last-of-type strong { padding: 0 8px; }

.photo-overlay { display: none; height: 100%; left: 0; padding-top: 18px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 4; }
.photo-overlay > span { background-color: rgba(0,0,0,.8); cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.photo-overlay > span > span { color: #fff; content: ""; font-size: 4em; line-height: .4em; position: absolute; right: 24px; top: 24px; }
.photo-overlay a { border: 1px solid #111; box-shadow: 0px 3px 8px 0 #333; display: inline-block; margin: 0 8px 10px; padding: 0; position: relative; transition: border .15s; }
.photo-overlay a.selected { border: 1px solid #fff; }
.photo-overlay a:after { background-color: rgba(255,255,255,.4); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s; width: 100%; }
.photo-overlay a:hover:after { opacity: 1; }
.photo-overlay a img { cursor: pointer; height: 70px; }
.photo-overlay div { display: block; margin: 14px auto 0; position: relative; width: 50%; }
.photo-overlay div.taller { width: 25%; }
.photo-overlay div img { box-shadow: 0px 13px 18px 0 #3333; width: 100%; }

/* GET INVOLVED */
.who-informed { padding-top: 8px; padding-bottom: 28px; }
.who-informed p { font-size: 1.3em; line-height: 1.6em; margin: 0 auto 28px; width: 74%; }

.fact-sheet { padding-right: 70px; position: relative; }
#body .fact-sheet h2 { padding: 4px 48px; }
.fact-sheet img { display: block; margin: 0 auto; width: 180px; }
.fact-sheet img[src*="learn-more"] { margin-right: 161px; position: absolute; right: 50%; top: 140px; transition: top .3s, width .3s;  width: 460px; }
.fact-sheet h3 { color: #fcb040; font-size: 2.3em; margin-top: 116px; position: relative; }
.fact-sheet h3:after { border-right: 3px dotted #ccc; content: ""; left: 50%; position: absolute; height: 64px; margin-top: -84px; top: 0; width: 1px; }
.fact-sheet a:hover img[src*="learn-more"] { top: 100px; width: 528px; }

.fact-sheet form { margin: 24px 20% 46px; text-align: right; }
.fact-sheet form label { display: none; }
.fact-sheet input[type="text"], .fact-sheet textarea { border-color: #0070ad; border-width: 2px; box-shadow: none; color: #333; font-size: 1.2em; font-weight: 700; height: auto; padding: 10px; }
.fact-sheet input::placeholder,
.fact-sheet input:-ms-input-placeholder,
.fact-sheet input::-ms-input-placeholder,
.fact-sheet input::-webkit-input-placeholder,
.fact-sheet input:-moz-placeholder,
.fact-sheet input::-moz-placeholder { color: #fbb061; }
.fact-sheet textarea { height: 160px; resize: none; }
.fact-sheet input[type="submit"] { background-color: #fcb040; border: 0; color: #fff; cursor: pointer; font-size: 1.2em; margin-top: 18px; padding: 5px 11px; transition: background-color .15s; }
.fact-sheet input[type="submit"]:hover { background-color: #185e82; }



/* BLUEPRINT */
#body .blue-bg { background-color: #23a9e1; }
#body .blue-bg p { margin: 6px auto 34px; width: 60%; }
#need-input { padding: 66px 88px 66px 18px; text-align: center; }
#need-input p { font-size: 1.1em; line-height: 1.3em; margin: 0 auto 52px; position: relative; width: 100%; }
#need-input p:before { border-right: 3px dotted #333; content: ""; left: 50%; position: absolute; height: 34px; margin-top: -46px; top: 0; width: 1px; }
#need-input p strong { display: block; color: #23a9e1; }
#need-input a { background-color: #fcb040; color: #333; font-size: .9em; font-weight: 700; letter-spacing: .12em; padding: 14px 23px; transition: .15s; }
#need-input a:hover { background-color: #23a9e1; color: #fff; }

#goals p,
.yellow-bg p { font-size: 1.3em; }
.yellow-bg p { line-height: 1.4em; margin: 8px auto 38px; width: 90%; }

/* ABOUT US */
#body .yellow-bg { background-color: #fcb040; }
#management { margin: 0 88px 0 18px; padding: 0 10%; }
#management img { height: 260px; margin: 28px 0 18px; }
#management h2:before { border-color: #23a9e1;}
#management h3 { font-size: 1.2em; font-weight: 700; margin: 5px 0; }
#management .medium-4 { text-align: left; }
#management .medium-4 p { line-height: 1.1em; margin-bottom: 9px;  }
#mobility-choice-initiative { border: 2px dashed #fcb040; color: #000; display: block; font-size: 1.7em; font-weight: 700; margin: 46px 0; padding: 16px 0; }
#mobility-choice-initiative span { background-color: #fcb040; display: block; font-size: .6em; letter-spacing: .12em; margin: 18px auto 6px; padding: 14px 0; transition: .15s; width: 180px;  }
#mobility-choice-initiative:hover span { background-color: #23a9e1; }

#footer { padding: 68px 90px 14px 14px; }
#footer h2 { color: #fff; font-size: 4.6em; line-height: 1em; margin-bottom: 14px; }
#footer .medium-5 a { color: #333; display: inline-block; font-weight: 700; padding: 14px 8px 0 75px; position: relative; transition: color .15s; vertical-align: top;width: 50%; }
#footer .medium-5 a img { background-color: #000; left: 3px; position: absolute; top: 18px; transition: background-color .15s; width: 54px; }
#footer .medium-5 a:last-of-type img { left: 25px; width: 32px; }
#footer .medium-5 a:hover { color: #fff; }
#footer .medium-5 a:hover img { background-color: #fff; }
#footer ul { padding-top: 12px; }
#footer ul li { display: inline-block; padding: 12px 28px; vertical-align: top; width: 33.3333%; }
#footer ul li h4 { border-bottom: 1px solid #333; font-size: 1.1em; font-weight: 700; margin-bottom: 8px; padding-bottom: 2px; }
#footer ul li a { color: #333; display: block; font-size: .8em; line-height: 1.4em; margin-bottom: 2px; transition: color .1s; }
#footer ul li a:hover { color: #fff; }
#footer ul li:last-of-type { font-size: .9em; font-weight: 700; padding: 21px 38px; }
#footer ul li:last-of-type a { margin-top: 4px; }
#footer ul li > span { display: inline-block; font-size: .8em; line-height: 1.2em; position: relative; }
#footer ul li > span > span { position: absolute; left: -12px; }

#sidebar { background-color: rgba(255,255,255,.94); border-left: 2px solid #fcb040; height: 100%; position: fixed; right: -280px; top: 0; transition: right .55s; width: 350px; z-index: 2; }
#sidebar.open { right: 0; }
#sidebar > div { display: inline-block; text-align: center; vertical-align: top; width: 70px; }
#sidebar > div > div { margin: 26px 0 36px; }
#sidebar h3 { color: #185e82; font-weight: 700; font-size: .7em; }
#sidebar img { display: block; margin: 8px auto; transition: width .4s; width: 31px; }
#sidebar a:hover img { width: 35px; }
#sidebar ul { display: inline-block; list-style-type: none; margin: 0; padding: 26px 18px; vertical-align: top; width: 250px; }
#sidebar ul li { font-size: .8em; margin-bottom: 14px; }
#sidebar ul li h4 { border-bottom: 1px solid #185e82; font-size: 1.1em; font-weight: 700; margin-bottom: 4px; padding-bottom: 4px;  }
#sidebar ul li a { color: #185e82; display: block; }

#page-title-area.blueprint-page > img:nth-of-type(1) { left: 37%; top: -5%; width: 2%; }
#page-title-area.blueprint-page > img:nth-of-type(2) { left: 62%; top: -7%; width: 2%; }
#page-title-area.blueprint-page > img:nth-of-type(3) { left: 86%; top: 4%; width: 2%; }
#page-title-area.blueprint-page > img:nth-of-type(4) { left: 86%; top: 23%; width: 4%; }
#page-title-area.blueprint-page > img:nth-of-type(5) { left: 5%; top: 23%; width: 1.5%; }
#page-title-area.blueprint-page > img:nth-of-type(6) { left: 8%; top: 17%; width: 3.5%; }
#page-title-area.blueprint-page > img:nth-of-type(7) { left: 79%; top: -6%; width: 3.5%; }
#page-title-area.blueprint-page > img:nth-of-type(8) { left: 48%; top: 18%; width: 2.5%; }
#page-title-area.process-page > img:nth-of-type(1) { left: 4%; top: 0; width: 1.5%; }
#page-title-area.process-page > img:nth-of-type(2) { left: 39%; top: -7%; width: 2%; }
#page-title-area.process-page > img:nth-of-type(3) { left: 76%; top: 9.5%; width: 2%; }
#page-title-area.process-page > img:nth-of-type(4) { left: 88%; top: 8%; width: 2%; }
#page-title-area.process-page > img:nth-of-type(5) { left: 87%; top: 26%; width: 4%; }
#page-title-area.process-page > img:nth-of-type(6) { left: 7%; top: -5%; width: 3.5%; }
#page-title-area.process-page > img:nth-of-type(7) { left: 49%; top: 1%; width: 2.5%; }
#page-title-area.process-page > img:nth-of-type(8) { left: 70%; top: 6%; width: 3.5%; }
#page-title-area.process-page > img:nth-of-type(9) { left: 74%; top: 33%; width: 2.5%; }
#page-title-area.get-involved-page > img:nth-of-type(1) { left: 5%; top: 31%; width: 1.5%; }
#page-title-area.get-involved-page > img:nth-of-type(2) { left: 9%; top: 81%; width: 2%; }
#page-title-area.get-involved-page > img:nth-of-type(3) { left: 89%; top: 31%; width: 2%; }
#page-title-area.get-involved-page > img:nth-of-type(4) { left: 86%; top: 60%; width: 4%; }
#page-title-area.get-involved-page > img:nth-of-type(5) { left: 42%; top: 25.5%; width: 3%; }
#page-title-area.get-involved-page > img:nth-of-type(6) { left: 8%; top: 22%; width: 3.5%; }
#page-title-area.get-involved-page > img:nth-of-type(7) { left: 76.5%; top: 36%; width: 3%; }
#page-title-area.about-us-page > img:nth-of-type(1) { left: 6%; top: 42%; width: 2%; }
#page-title-area.about-us-page > img:nth-of-type(2) { left: 48%; top: 30%; width: 4%; }
#page-title-area.about-us-page > img:nth-of-type(3) { left: 82%; top: 24%; width: 1.5%; }
#page-title-area.about-us-page > img:nth-of-type(4) { left: 88%; top: 28%; width: 2%; }
#page-title-area.about-us-page > img:nth-of-type(5) { left: 6%; top: 23%; width: 1.5%; }
#page-title-area.about-us-page > img:nth-of-type(6) { left: 9%; top: 17%; width: 3.5%; }
#page-title-area.about-us-page > img:nth-of-type(7) { left: 86%; top: 36%; width: 2.5%; }
#page-title-area.about-us-page > img:nth-of-type(8) { left: 46%; top: 21%; width: 2.5%; }
#page-title-area.resources-page > img:nth-of-type(1) { left: 90%; top: 31%; width: 2%; }
#page-title-area.resources-page > img:nth-of-type(2) { left: 87%; top: 70%; width: 5%; }
#page-title-area.resources-page > img:nth-of-type(3) { left: 5%; top: 32%; width: 1.5%; }
#page-title-area.resources-page > img:nth-of-type(4) { left: 8%; top: 85%; width: 2%; }
#page-title-area.resources-page > img:nth-of-type(5) { left: 83%; top: 17%; width: 6%; }
#page-title-area.resources-page > img:nth-of-type(6) { left: 46%; top: 31%; width: 3%; }
#page-title-area.resources-page > img:nth-of-type(7) { left: 7%; top: 22%; width: 4%; }
#page-title-area.resources-page > img:nth-of-type(8) { left: 70%; top: 86%; width: 3%; }

#invite { display: none; height: 100%; left: 0; padding-bottom: 75px;  position: fixed; top: 0; width: 100%; z-index: 10; }
#invite > span { background-color: rgba(0,0,0,.7); cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; }
#invite > span > span { color: #fff; font-size: 4em; position: absolute; right: 35px; top: -14px; }
#invite div { background-color: #fff; box-shadow: 8px 15px 24px 0 #333; margin: 50px auto; max-height: 80%; overflow: auto; padding: 22px 3%; position: relative; width: 80%; }
#invite div h2 { color: #185e82; margin-bottom: 8px;  }
#invite div img { width: 67%; margin: 3% auto; }

#page-title-area.get-involved-page .quiz-link.doc-link { margin: 12px 80px; }
#page-title-area.about-us-page .quiz-link .doc-link { color: #000;}

@media screen and (max-width: 1600px) {
    #page-title-area.about-us-page { padding-bottom: 44px; }
}

@media screen and (max-width: 1364px) {
    #header img { height: 52px; margin: 24px; }
    #header ul { margin: 32px 88px 0 0; }
    #header ul li a { font-size: .85em; padding: 0 4px; }
    #page-title-area img[src*="DottedLine_01"] { height: 210px; }
    #page-title-area img[src*="DottedLine_02"] { height: 110px; }
    #page-title-area p { font-size: 1.2em; line-height: 1.4em;}
    #page-title-area .focus-image { height: 270px; margin-top: 200px; }
    #page-title-area .quiz-link { display: block; margin: 170px 0 -160px 12%; }
    #page-title-area ul li { font-size: 1.2em; }
    #page-title-area.about-us-page { padding-bottom: 84px; }
    #goals p,
    #outreach p,
    .yellow-bg p { font-size: 1.2em;}

    #title-area { padding-right: 90px; }
    #title-area > strong { font-size: 1.3em; }
    #title-area > img[src*="title"] { width: 80%; }

    #partnership { padding: 14px 8px; }
    #partnership img { height: 36px; margin: 8px 12px; }
    .meeting-detail { width: 22%; }
    .fact-sheet img[src*="MiscDocuments"] { left: 20%; position: relative; width: 140px; }
    .fact-sheet img[src*="learn-more"] { right: 29%; width: 380px; }
    .fact-sheet a:hover img[src*="learn-more"] { right: 29%; top: 130px; width: 410px; }
    .fact-sheet.quiet-type img[src*="MiscDocuments"] { left: 0;}
    #event-invite img { position: static; }

    .animated-area { margin-top: -50px; }

    #footer h2 { font-size: 3.6em; }
}

@media screen and (max-width: 1200px) {
    #page-title-area .row { position: relative; }
    #page-title-area .quiz-link { bottom: 0; left: -50%; margin: 0 0 18px; position: absolute; }
    #page-title-area.get-involved-page .quiz-link { left: -10%; }
    #page-title-area.about-us-page .quiz-link { left: 0; bottom: -20px; }
    #page-title-area.no-lines .quiz-link { display: none; }
    #page-title-area img[src*="DottedLine_03"] { height: 280px; }
    #page-title-area img[src*="DottedLine_04"] { display: none; }
    #management { padding: 0 4%; }

    #page-title-area.get-involved-page .quiz-link.doc-link { font-size: .9em; line-height: 1em; position: relative; width: 84%;  }
    #page-title-area.get-involved-page .quiz-link.doc-link img { height: 24px; margin: 0 2px 4px 0; }
    #page-title-area.about-us-page .quiz-link { left: -40%; bottom: -90px; width: 100%; }
    #page-title-area.about-us-page .quiz-link .doc-link { font-size: .9em; line-height: 1em; width: 100%;  }
    #page-title-area.about-us-page .quiz-link .doc-link img { height: 24px; margin: 0 2px 4px 0; }

    .photo-overlay a { margin: 0 4px 8px;}
    .photo-overlay a img { height: 53px; }
    .photo-overlay div { width: 70%; }
    .photo-overlay div.taller { width: 32%; }

    #invite div img { height: auto; margin-top: 50px; width: 76%; }
}

@media screen and (max-width: 1000px) {
    #header { padding-right: 90px; }
    #header img { display: block; margin: 24px auto 8px; }
    #header ul { margin: 0 0 18px; position: static; text-align: center; }
    #page-title-area img[src*="DottedLine_01"] { height: 180px; }
    #page-title-area img[src*="DottedLine_02"] { height: 70px; }
    #page-title-area .focus-image { height: 160px; margin-top: 200px; }
    #page-title-area p { font-size: 1em; line-height: 1.5em; width: 100%; }
    #page-title-area img[src*="blueprint-title"] { margin-bottom: 70px; }
    #page-title-area ul { width: 100%; }
    #page-title-area ul li { font-size: 1em; }
    #page-title-area img[src*="aboutus-title"] { clear: both; width: 100%; }
    #page-title-area.about-us-page h2 { margin-left: 0; }
    #page-title-area.about-us-page .quiz-link { left: -38%; bottom: -80px; }
    #page-title-area.about-us-page p { font-size: .85em; }

    #body h2 { font-size: 1.1em; margin-bottom: 20px; }
    #body p { font-size: .85em; margin: 0 auto 20px; width: 80%; }
    #body .blue-bg p { width: 80%; }
    #goals p,
    #outreach p,
    .yellow-bg p { font-size: 1em; }

    #title-area { padding-top: 52px; }
    #title-area > strong { font-size: 1em; }
    #title-area > p { font-size: .85em; margin-bottom: 42px; width: 80%; }
    .quiz-link { font-size: .75em; }
    .quiz-link > img[src*="SpeechBubble"] { height: 104%; top: 2px; }
    .quiz-link:hover > img[src*="SpeechBubble"] { top: -10px; }
    .animated-divider { padding-top: 42px; }
    .animated-divider img[src*="Bus_01"] { width: 12%; }
    #page-title-area h2 { font-size: 1.1em; margin: 34px auto 25px; width: 100%; }
    .list-header { font-size: 1.1em; margin-bottom: 14px; }

    .animated-area { margin-top: 32px; }
    .meeting-detail > div { height: 88px; line-height: 88px;  width: 88px; }
    .meeting-detail > div img { width: 38px; }
    .meeting-detail span { font-size: .9em; }
    .document-list { padding: 0 8% 0 1%; }
    .document-list .columns { padding: 0 5%; text-align: center; }
    .document-list .medium-3 { width: 100%; }
    .document-list .medium-3 img { display: block; margin: 0 auto; width: 130px !important; }
    .document-list .medium-9 { font-size: 1.1em; margin: 28px 0; width: 100%; }
    .document-list h4 { text-align: left;}
/*     .document-list .medium-9 { font-size: .7em; margin: 28px 0; width: 100%; } */
/*     .document-list .medium-9 a { border: 0; display: block; font-size: 1.2em; line-height: 1.1em; margin-bottom: 9px; padding: 0 !important; } */
    .document-list .medium-9 h3 { font-size: 1.5em; }

    .document-list#misc-documents .medium-3 img { width: 90px !important; }
/*     #misc-documents .medium-9 h3 { font-size: 1em; } */

    #need-input p { font-size: .9em; margin-bottom: 38px; }
    #need-input a { font-size: .75em; padding: 9px 15px; }

    #management img { height: 180px; }
    #management .medium-4 h3 { font-size: 1em;}
    #management .medium-4 p { margin: 0 0 9px; }

    #footer h2 { font-size: 2.5em; }
    #footer .medium-5 a { font-size: .85em; padding-bottom: 8px; width: 100%; }
    #footer .medium-5 a img { left: 12px; width: 44px; }
    #footer ul li { padding: 6px 4%; width: 50%; }
    #footer ul li h4 { font-size: 1em; }
    #footer ul li a { font-size: .75em; }


    #page-title-area.about-us-page .quiz-link { left: -40%; bottom: -116px; }
}

@media screen and (max-width: 804px) {
    #page-title-area .quiz-link { left: -69%; margin-bottom: -3px; }

    #page-title-area.get-involved-page .quiz-link.doc-link { font-size: .75em; left: 0; margin: 10px auto 14px; }
    #page-title-area.get-involved-page .quiz-link.doc-link img { height: 20px; }

    #page-title-area.about-us-page .quiz-link { left: -65%; bottom: -60px; }
    #page-title-area.about-us-page .quiz-link { left: -48%; bottom: -100px; }
    
    .fact-sheet img[src*="MiscDocuments"] { display: none; }
    .fact-sheet img[src*="learn-more"],
    .fact-sheet a:hover img[src*="learn-more"] { margin: 0 auto; padding: 0 14px; position: relative; right: 0; top: 0 !important; width: 340px !important; }
    .fact-sheet.quiet-type img[src*="MiscDocuments"] { display: block; width: 100px; }
    #event-invite img { display: block; width: 80px; }
    
    #page-title-area.get-involved-page .medium-6 { width: 100%; }
    #page-title-area.get-involved-page img[src*="getinvolved"] { width: 94%; }
    #page-title-area.get-involved-page img[src*="DottedLine_02"],
    #page-title-area.get-involved-page .focus-image { display: none; }
    #page-title-area.get-involved-page .quiz-link { left: 10%; margin: 14px 0 84px; position: relative; }

    .photo-overlay a { margin: 0 4px 4px; }
    .photo-overlay a img { height: 44px; }
    .photo-overlay div { height: 350px; overflow: scroll; width: 92% !important; }
    .photo-overlay div img { max-width: 800%; width: 200% ; }

    #invite > span > span { font-size: 2.6em; right: 14px; top: -7px;}
    #invite div img { margin: 0; max-width: 3000%; width: 400px; }
    #invite p { font-size: .8em; }
}

@media screen and (max-width: 640px) {
    #header { padding-right: 0; }
    #header img { height: 38px; }
    #header ul li { margin: 3px 6px;  }
    #header ul li a { font-size: .75em; }
    #page-title-area img[src*="DottedLine_03"] { width: 110px;  }
    #page-title-area img[src*="DottedLine_02"],
    #page-title-area img[src*="DottedLine_04"],
    #page-title-area .focus-image { display: none; }
    #page-title-area p { font-size: .85em; margin-bottom:24px; }
    #page-title-area ul li { font-size: .85em; }

    #title-area { padding: 2px 8px 18px; padding-right: 0; }
    #title-area > img[src*="title"] { width: 94%; }
    #title-area > strong { font-size: .85em; margin-bottom: 22px; }
    #title-area > p { font-size: .75em; margin-bottom: 40px; width: 90%; }
    .quiz-link { display: block; font-size: .1em; left: 10%; margin: 14px 0 84px; width: 80%; }
    .quiz-link > img[src*="CellPhone"] { display: none; }
    .quiz-link > img[src*="SpeechBubble"] { height: auto; left: -8px !important; opacity: 1; top: -8px !important; width: 100%; }

    .doc-link { font-size: .7em; margin: 0 0 14px; }
    .doc-link img { height: 30px; }

    #page-title-area .quiz-link { left: 10%; margin: 14px 0 84px; position: relative; }


    #page-title-area.about-us-page .quiz-link { display: block; left: 0; width: 110%; }
    #page-title-area.about-us-page .quiz-link { font-size: .8em; left: 15%; margin: 0; bottom: -60px; }
    #page-title-area.about-us-page .quiz-link .doc-link { left: -65%; bottom: -60px; }
    .animated-divider { padding-top: 60px; }
    .animated-divider img[src*="Bus_01"] { width: 22%; }
    #page-title-area.no-lines { padding: 0 10px; }
    #page-title-area.no-lines .row { width: 100%; }
    .list-header { font-size: .9em; margin: 14px 0 8px; text-align: left; }

    #body { padding: 0; }
    #body h2 { font-size: .9em; margin: 54px 18px 14px; }
    #body p { font-size: .75em; line-height: 1.5em; margin: 4px auto 14px; }
    #goals p,
    #outreach p,
    .yellow-bg p { font-size: .85em;}
    .green-bg { padding: 0 0 10px; }
    #partnership { margin-top: 24px; padding: 8px; }
    #partnership img { height: 36px; }
    #partnership img[src*="cdot"] { height: auto; width: 90%; }
    .meeting-detail { padding: 24px 0; width: 48%; }
    .document-list { padding: 0 3%; }
    .document-list .medium-3 img { width: 80px !important; }
    .document-list table tr td { display: block;width: 100%; }
    .fact-sheet { padding-right: 0; }
    .fact-sheet h3 { font-size: 1.9em; }
    .fact-sheet form { margin: 14px 5% 40px;  }
    .fact-sheet input[type="text"], .fact-sheet textarea { font-size: .9em; margin-bottom: 6px; padding: 5px; }
    #need-input { padding: 50px 14px; }
    #management { margin: 0; }
    #management img { height: 120px; }
    #management h3 { font-size: .9em; }
    #mobility-choice-initiative { font-size: 1em; }
    #mobility-choice-initiative span { font-size: .8em;}

    #footer { padding: 12px 6px 6px; }
    #footer .medium-5 h2 { font-size: 1.7em; margin-top: 24px;  text-align: center; }
    #footer .medium-5 a { line-height: 1.2em; }
    #footer ul li { display: none; }
    #footer ul li:last-of-type { display: block; padding: 2px; text-align: center; width: 100%; }
    #footer ul li:last-of-type a { margin-top: 12px; }

    #sidebar { height: auto; position: static; width: 100%; }
    #sidebar > div { width: 100%; }
    #sidebar > div > div { display: none; margin: 14px 0 22px; }
    #sidebar > div > div:nth-of-type(2) { display: block; text-align: center; width: 100%; }
    #sidebar img { display: inline-block; margin: 5px 6px 0; width: 32px !important; }
    #sidebar ul { display: none; }
}

@media screen and (max-width: 460px) {
    .animated-divider { padding-top: 36px; }
    .quiz-link { display: block; font-size: .1em; left: 4%; margin: 14px 0 64px; width: 94%; }
    .quiz-link > img[src*="CellPhone"] { display: none; }
    .quiz-link > img[src*="SpeechBubble"] { height: auto; left: 0x !important; opacity: 1; top: -8px !important; width: 100%; }

    .doc-link { font-size: .7em; line-height: 1em; margin: 0 0 14px; width: 80%;}
    .doc-link img { height: 18px; }
    
    #page-title-area .quiz-link { left: -9%; margin: 14px 0 64px; width: 124%; }
    #page-title-area.get-involved-page .quiz-link { left: -9%; margin: 14px 0 64px; width: 124%; }
    #page-title-area.about-us-page .quiz-link { font-size: .8em; left: 0%; 
}

@media screen and (max-height: 860px) and (min-width: 1200px) {
    .photo-overlay div { width: 36%; }
    .photo-overlay div.taller { width: 16%; }
}

@media screen and (max-height: 560px) {
    .photo-overlay a { margin: 0 4px 4px; }
    .photo-overlay a img { height: 36px; }
    .photo-overlay div { height: 240px; overflow: scroll; width: 62% !important; }
    .photo-overlay div img { max-width: 800%; width: 200% ; }
}