html, body { color: #333; font-family: frank-new, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.58em; -webkit-font-smoothing: antialiased; }
.container { padding: 0; width: 100%; }
.row { margin: 0 auto; max-width: 1120px; }
.row > div { padding: 0 1.5% 12px; }
.content { width: 100%; }
.vertical-center > div { float: none; display: inline-block; margin-left: -.5%; vertical-align: middle; }
.vertical-center > div:first-of-type { margin: 0; }
/* Links */
a { transition: background-color .2s, color .2s; }
a:hover,
a:focus { text-decoration: none; }
.button { background-color: #c47; border-radius: 14px; border: 0; color: #fff; display: inline-block; letter-spacing: .05em; margin-top: 12px; padding: 4px 16px; transition: background-color .2s; }
.button:hover { background-color: #b16; color: #fff; }
.button:focus { color: #fff; }
/* Headers */
h1 { font-size: 3.3em; margin: 30px 0 22px; }
h2 { font-size: 2.2em; margin: 12px 0 0; }
h3 { font-size: 1.8em; margin: 28px 0 20px; }
h4 { font-size: 1.6em; margin: 28px 0 0; }
h5 { font-size: 1.4em; margin: 26px 0 0; }
h6 { font-size: 1.3em; margin: 26px 0 0; }
/* Paragraphs & Lists */
p { line-height: 1.58em; margin: 16px 0 6px; }
ul, ol { margin: 16px 0 10px; }
li { line-height: 1.3em; margin-bottom: 8px; }
/* Forms */
form { margin: 18px 0; }
label { display: block; margin: 10px 0 8px; width: 100%; }
input[type="text"] { margin-bottom: 8px; padding-left: 3px; width: 100%; }
textarea { height: 80px; margin-bottom: 8px; padding: 3px 5px; resize: none; width: 100%; }
input[type="checkbox"],
input[type="radio"] { margin: 0 4px 0 2px; }
input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block; margin-right: 14px; position: relative; top: -1px; width: auto; }
input[type="submit"],
input[type="reset"] { background-color: #c47; border-radius: 14px; border: 0; color: #fff; letter-spacing: .05em; margin-top: 14px; padding: 4px 16px; transition: background-color .2s; }
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover { background-color: #b16; }
/* Tables */
table { border: 2px solid #333; border-width: 0 2px 2px 0; margin: 14px 0; width: 100%; }
table tr th { border: 2px solid #333; border-width: 0 2px 2px 0; padding: 2px 4px; }
table tr td { border: 1px solid #333; border-width: 0 1px 1px 0; padding: 2px 4px; }
table tr:nth-of-type(even) { background-color: #eee; }
/* Accordion (can remove if not needed)*/
.accordion-header { cursor: pointer; }
.accordion-header i { font-size: .7em; margin-left: 12px; transition: transform .45s; vertical-align: middle; }
.opened .accordion-header i { transform: rotate(180deg); }
.accordion > div { padding: 3px 0; }
/* Modal Window */
.close-modal { display: none; }
.modal-window { display: none; height: 100%; left: 0; position: fixed; top: -100%; transition: 0; width: 100%; z-index: 5000; }
.modal-window.showing { top: 0; transition: top 1s; }
.modal-window > button { background-color: rgba(0,0,0,.75); border: 0; cursor: pointer; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; }
.window-title { padding: 6px 0; width: 90%; }
.modal-window > div { background-color: #fff; border: 1px solid #333; bottom: 50px; box-shadow: 4px 13px 28px 0 #111; left: 12%; margin: 0; overflow: auto; padding: 0 3% 28px; position: absolute; top: 40px; width: 76%; }
.modal-window > div .close-modal { background: transparent; border: 0; font-size: 3em; line-height: .6em; position: absolute; right: 10px; top: 16px; }
.modal-window > div .close-modal span { left: -9999px; position: absolute; }
.modal-window :focus { border-radius: 2px; outline: 2px groove #ddd; }
/*********************************************/
/****** Custom CSS ************************/
/*********************************************/
.green-row { background-color: #62cb29; max-width: 100%; padding: 44px 5% 48px; }
.green-row .col-md-12 { display: block; float: none; margin: 0 auto; max-width: 1120px; }
.about-green-row { padding: 44px 0 48px; }
.about-green-row .row { max-width: 1150px; padding: 0 0 12px; }
.about-green-row.row .row > div { padding: 0 1.5%; }
.centered-row,
.centered { padding: 0 20px; text-align: center; }
.green-row.centered { padding: 38px 5%; }
.padded-row { padding: 18px 3% 50px; }
.row .row > div { padding: 0; }
.header { background-color: #0a2f48; text-align: right; }
.header h1 { position: absolute; left: -9999px; top: -9999px; }
.header img { height: 58px; left: 0; padding: 0 32px; top: 13px; position: absolute; }
.header > ul { display: inline-block; margin: 0; padding: 0; vertical-align: middle; width: 60%; }
.header > ul li { display: inline-block; font-weight: 500; margin: 0; padding: 20px 36px 3px; position: relative; }
.header > ul li a { color: #fff; text-transform: uppercase; }
.header > ul li a:hover,
.header > ul li a.active { color: #62cb29; }
.embed-container { position: relative; padding-bottom: 56.25% !important; height: 0; margin: 28px 0; overflow: hidden; width: 100%; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.header .social-media { display: inline-block; margin: 0; padding: 0; padding-right: 32px; vertical-align: middle; }
.header .social-media li { display: inline-block; font-weight: 500; line-height: 64px; margin: 0; padding: 0 14px; position: relative; }
.header .social-media li a { color: #fff; display: block; font-size: 1.4em; padding: 0 2px; }
#ada-link { left: -9000px; position: absolute; top: -9000px; }
#mobile-menu { display: none; }
h4.col-md-4 { font-weight: 600; }
.content h3 { color: #0a2f48; font-size: 2.2em; line-height: 1.3em; font-weight: 700; }
.content p { font-size: 1.4em; }
.green-button { background-color: #2ba122; border-radius: 5px; color: #0a2f48; display: inline-block; margin-top: 14px; padding: 7px 24px; }
.green-button:hover { background-color: #0a2f48; color: #fff; }
.green-button-var { background-color: #62cb29; font-size: 1.2em; line-height: 1.1em;margin: 24px auto; padding: 10px 32px; }
.content #section-header h3 { margin: 0; padding: 0 15px; text-align: center; }
.page-header { border: 0; clear: both; height: 380px; margin: 0; overflow: hidden; padding: 0; position: relative; }
.page-header img { left: 0; position: absolute; top: 0; width: 100%; }
.page-header:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.page-header h2 { color: #62cb29; display: inline-block; font-size: 3em; font-weight: 700; line-height: 1.2em; margin: 0 0 0 6%; position: relative; vertical-align: middle; width: 38%; }
.page-header p { color: #e5e9ec; display: inline-block; font-family: "hero-new",sans-serif; font-size: 1.8em; font-weight: 700; margin: 0; position: relative; text-align: right; vertical-align: middle; width: 49%; }
#home-header { height: 780px; }
#home-header img { width: 106%; }
#home-header h2 { font-size: 3em; margin-top: 90px; width: 18%; }
#home-header h3 { color: #a3bcc4; display: block; font-family: "hero-new",sans-serif; font-size: 1.45em; font-weight: 700; margin-left: 6%; position: relative; text-align: left; width: 35%; }
#home-header p { color: #fff; display: block; font-family: "frank-new",sans-serif; font-size: 1.45em; font-weight: 400; line-height: 1.6em; margin: 30px 0 0 6%; text-align: left; width: 45%; }
#homepage-announcement { background: #e5e9ec; padding: 22px 10%; text-align: center; }
#homepage-announcement p { color: #0a2f48; font-weight: 700; line-height: 1.4em; margin: 0; }
.blue-feature { background-color: #0a2f48; padding: 10px 5% 66px; }
.blue-feature h3 { color: #fff; font-size: 1.75em; margin: 0; padding: 40px 0 38px; }
.blue-feature h4 { color: #62cb29; margin: 0; }
.blue-feature p { color: #fff; }
.link-triplet img { width: 100%; }
.link-triplet .col-md-4 { margin-right: 3%; width: 31.3333%; }
.link-triplet .col-md-4:last-of-type { margin-right: 0; }
.link-triplet h4 { color: #0a2f48; font-size: 1.3em; line-height: 1.3em; margin-top: 26px; }
.link-triplet h4 span { color: #a3bcc4; display: block; font-size: .9em; margin-bottom: 4px; }
.link-triplet a > span { color: #62cb59; display: block; font-size: 1.1em; margin-top: 16px; }
.detour-row { border-spacing: 23px 25px; display: table-row; }
.detour-row:before, .detour-row:after { display: none; }
.detour-row .col-md-4 { border: 34px solid #fff; border-width: 0 14px; display: table-cell; float: none; position: relative; }
.detour-row .col-md-4 a > span:last-of-type { padding-bottom: 24px; }
.detour-row .col-md-4 > p:last-of-type { padding-bottom: 12px; }
.detour-row .col-md-4:after { background-color: #0a2f48; content: ""; height: 1px; position: absolute; top: 100%; width: 100%; }
.detour-row .col-md-4:first-of-type { border-left: 0; border-right-width: 28px; }
.detour-row .col-md-4:last-of-type { border-right: 0; border-left: 28px solid #fff; }
.no-line .col-md-4:after { display: none; }
.alerts-box { background-color: #e5e9ec; margin-top: 24px; padding: 24px; }
.alerts-box h3 { font-size: 1.8em; margin: 0 0 20px; }
.project-videos .row > div { padding: 0 1.25%; }
.footer { background-color: #0a2f48; border-top: 3px solid #a3bcc4; color: #fff; }
.footer .row { max-width: 100%; position: relative; }
.footer > div { padding: 36px 5.5% 34px 3%; }
.footer .row > div { padding: 0 0 12px 1.5%; }
.footer p { color: #a3bcc4; font-size: 1em; margin: 0; }
.footer .col-md-8 p:nth-child(2) { margin: 6px 0 10px; }
.footer p:last-of-type { margin-top: 26px; }
.footer .col-md-4 a { display: block; margin: 10px 0 1px; position: relative; width: 340px; }
.footer .col-md-4 a h3 { background-color: transparent; border: 1px solid #a3bcc4; color: #fff; font-size: 1.4em; margin: 5px 0; padding: 6px 8px 8px 44px; transition: border .2s; }
.footer .col-md-4 a:hover h3 { border-color: #fff; }
.footer .col-md-4 a img { left: 0; padding: 9px; position: absolute; top: 0; }
.footer .col-md-4 a img[src*="arrow"] { cursor: pointer; left: 100%; margin-left: 8px; padding: 0; top: 2px; }
.footer .col-md-8 { text-align: right; }
.footer .col-md-8 p { color: #a3bcc4; font-family: hero-new,sans-serif; font-size: 1em; font-weight: 700; margin: 12px 0 1px; }
.footer .col-md-8 > div:first-of-type img { height: 26px; margin-top: 10px; padding-left: 42px; }
.footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: 54px; padding-left: 38px; }
.footer .col-md-8 > div { display: inline-block; vertical-align: middle; }
.footer .col-md-8 > div:nth-child(2) { margin-left: 40px; }
.footer .col-md-8 > div:last-of-type p { font-family: frank-new, sans-serif; font-size: .9em; font-weight: 500; margin-bottom: 3px; }
.footer .col-md-8 > div:last-of-type #translate-page { margin-top: 8px; }
.footer .col-md-8:first-child { width: 60%; float: right; }
img.back-top-btn { height: 40px; position: absolute; right: 0; transition: opacity .2s; top: 40px; width: 40px; }
.back-top-btn + span { left: -9999px; position: absolute; top: -9999px; }
a img.back-top-btn:hover { opacity: .5; }
#font-sizes a { border: 1px solid #fff; color: #fff; display: inline-block; height: 30px; line-height: 1.5em; margin-left: 3px; padding-top: 5px; vertical-align: bottom; text-align: center; width: 24px; }
#font-sizes a:hover { background-color: #eee; color: #00587d; }
#font-sizes a:nth-of-type(2) { font-size: 1.15em; line-height: 1.05em; }
#font-sizes a:nth-of-type(3) { font-size: 1.3em; line-height: .9em; }
#font-sizes a.selected { background-color: #fff; color: #00587d; }
/* HOME/ABOUT */
.col-md-12 p { margin: -6px 0 16px; }
#project-snapshot { background-color: #5a6771; overflow: hidden; padding-bottom: 74px; position: relative; }
#project-snapshot span { display: block; position: relative; width: 100%; }
#project-snapshot span img { display: none; left: 0; position: absolute; top: 0; width: 100%; }
#project-snapshot span img.showing { display: block; }
#project-snapshot span a img { display: block; position: static; }
#project-snapshot div { background-color: #62cb29; border-radius: 8px 8px 0 0; cursor: pointer; height: 474px; left: 3%; margin-top: -74px; padding: 12px 15px; position: absolute; top: 100%; transition: margin .65s; width: 18%; }
#project-snapshot div:nth-of-type(2) { left: 22%; }
#project-snapshot div:nth-of-type(3) { left: 41%; }
#project-snapshot div:nth-of-type(4) { left: 60%; }
#project-snapshot div:nth-of-type(5) { left: 79%; }
#project-snapshot div:hover { margin-top: -474px; }
#project-snapshot div h4 { font-size: 1.35em; line-height: 1.2em; color: #0a2f48; height: 74px; margin: 0; position: relative; }
#project-snapshot div h4:after { background-color: #0a2f48; content: ""; height: 4px; left: 0; position: absolute; top: 100%; width: 48px; }
#project-snapshot p { font-size: 1em; line-height: 1.4em; }
#why-connection h3 { text-align: center; }
#why-connection-menu { margin: 0 auto; max-width: 1120px; }
#why-connection-menu span { background-color: #0a2f48; color: #fff; cursor: pointer; float: left; font-size: 1.2em; margin: 0 7.5% -28px; padding: 5px 0; text-align: center; font-weight: 600; width: 18.3333%; }
#why-connection-menu span.active { color: #62cb29; }
#why-connection .row { border: 1px solid #fff; clear: both; display: none; padding: 70px 2% 60px; }
#why-connection .row.showing { display: block; }
#why-connection img { display: block; height: 210px; margin: 0 auto; }
#renderings { padding: 18px 8% 64px; text-align: center; }
#schedule h3 { margin: 0 auto; max-width: 1120px; }
#schedule > div { margin: 0 auto; max-width: 1120px; padding-top: 47px; position: relative; }
#schedule h4 { background-color: #5a6771; color: #fff; cursor: pointer; font-size: 1.25em; height: 44px; line-height: 44px; margin-right: 0.28571%; position: absolute; text-align: center; top: 0; transition: background-color .2s; width: 11%; }
#schedule h4:nth-of-type(2) { left: 11.35%; width: 11%; }
#schedule h4:nth-of-type(3) { left: 22.7%; width: 11%; }
#schedule h4:nth-of-type(4) { left: 34.1%; width: 16.2%; }
#schedule h4:nth-of-type(5) { left: 50.7%; width: 16.2%; }
#schedule h4:nth-of-type(6) { left: 67.3%; width: 14.2%; }
#schedule h4:nth-of-type(7) { left: 81.8%; margin-right: 0; width: 18.2%; }
#schedule h4:hover { background-color: #424e57; }
#schedule h4.showing { background-color: #2ba122; height: 47px; color: #0a2f48; font-weight: 600; }
#schedule > div > div { background-color: #2ba122; color: #0a2f48; display: none; font-size: 1.25em; font-weight: 500; height: 180px; padding: 0 5% 0; }
#schedule > div > div ul { display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
#schedule > div > div ul li { margin: 12px 0; }
#schedule > div > div:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
#schedule > div > h4.showing + div { display: block; }
/* PHASES */
#const-schedule { border-top: 10px solid #a3bcc4; }
#const-schedule .row { border-spacing: 18px 6px; margin-bottom: 38px; padding: 48px 3% 0; }
#const-schedule .row .col-md-4 { background-color: #0a2f48; border: solid 1px #fff; color: #fff; display: table-cell; float: none; margin-right: 1%; padding: 0 0 114px; position: relative; width: 32.6667%; }
#const-schedule .row .col-md-4 h5 { font-size: 1.2em; line-height: 1.45em; font-weight: 500; }
#const-schedule .row .col-md-4:last-of-type { margin-right: 0; }
#const-schedule .row .col-md-4 h4 { background-color: #fff; color: #0a2f48; font-size: 1.5em; margin: 0; padding: 16px; text-align: center; }
#const-schedule .row .col-md-4 div { padding: 0 6%; }
#const-schedule .row .col-md-4 ul { padding: 6px 3% 10px 7%; }
#const-schedule .row .col-md-4 ul li { line-height: 1.6em; margin-bottom: 18px; }
#const-schedule .row .col-md-4 p:last-of-type { background-color: #fff; color: #0a2f48; bottom: 0; font-size: 1em; left: 0; line-height: 1.3em; margin: 0; padding: 18px 6%; position: absolute; text-align: center; width: 100%; }
#const-schedule .row .col-md-4 p:last-of-type span { color: #fff; font-size: .8em; left: 0; margin-top: 10px; position: absolute; top: 100%; width: 100%; }
#const-schedule .row .col-md-4 small { display: block; line-height: 1.8em; }
#const-schedule .row:last-of-type { margin-top: 88px; max-width: 100%; padding-top: 0; }
#const-schedule .row img { width: 100%; }
#const-schedule .col-md-12 small { color: #a3bcc4; display: block; font-style: italic; margin-top: 26px; text-align: center; }
/* UPDATES */
#live-updates div { border-bottom: 1px solid #0a2f48; padding-bottom: 18px; }
#live-updates h4 { color: #0a2f48; font-size: 1.3em; }
#live-updates img { height: 32px; }
#live-updates i { color: #1da1f2; font-size: .95em; margin: 0 4px 0 6px; }
#live-updates a { color: #62cb29; display: block; }
#live-updates a:hover { color: #2ba122; }
#live-updates a:last-of-type { margin-top: 18px; }
#live-updates div:last-of-type { border: 0; }
#detour-map { margin: 34px 0; width: 100%; }
#detour-map img { width: 100%; }
#detours h4 span { display: block; font-size: .75em; margin-top: 3px; }
/* #detours .row > div:first-of-type { padding-left: 0; }
#detours .row > div:last-of-type { padding-right: 0; } */
#detours .alerts-box { margin-bottom: 64px; }
#detours-section h4 { margin-bottom: 8px; }
#detours-section p { margin: 14px 0 24px; }
#detours-section p img { width: 100%; }
/* PHOTOS */
#photo-selector { margin-top: 52px; }
#photo-selector button { background-size: cover; background-position: center; border-style: solid; border-width: 4px; height: 74px; margin: 0 4px 4px 0; transition: border .2s; width: 94px; }
#photo-selector button:hover { border-color: #1da1f2; }
#photo-selector button.active { border-color: #62cb29; }
#photo-selector button span { left: -9999px; position: absolute; }
#photo-selector button:focus { border-color: #1da1f2; }
.progress-photo { left: -9999px; opacity: 0; position: absolute; text-align: center; top: 0; transition: opacity .4s; }
.progress-photo.showing { opacity: 1; position: static; z-index: 1; }
.progress-photo p { font-size: 1.3em; margin-top: 18px; }
.progress-photo img { margin-top: 52px; width: 100%; }
.font-2 .progress-photo p { font-size: 1.6em !important; }
.font-3 .progress-photo p { font-size: 1.8em !important; }
/* RESOURCES */
#faqs { padding: 20px 0; }
#faqs h3 { text-align: center; }
#faqs > div { border: 4px solid #e5e9ec; border-width: 5px 0; padding: 52px 12%; }
#faqs .accordion { border-bottom: 1px solid #858585; margin: 0 auto; max-width: 1120px; padding-bottom: 8px; }
#faqs .accordion:last-of-type { border: 0; }
#faqs h4 { font-size: 1.3em; color: #0a2f48; margin: 14px 0 6px; padding-right: 30px; position: relative; }
#faqs i { position: absolute; margin-top: 6px; right: 8px; top: 0; }
#faqs ul { font-size: 1.3em; }
#faqs.actually-updates .accordion h4 span { display: block; font-size: .8em; margin-top: 5px; }
#faqs.actually-updates> div { margin-bottom: 52px; }
#faqs.actually-updates img { width: 100%; }
.link-list { padding: 56px 8% 74px; }
.link-list .col-md-4 { padding: 0 0 20px; }
.link-list .row > div { padding: 0 1.5% 20px; }
.link-list h3 { margin: 14px auto 28px; max-width: 1120px; }
#eis-links { margin-top: 36px; }
#eis-links h3 { color: #000; text-align: center; }
.link-list p { margin: 16px auto 18px; text-align: center; width: 80%; }
.link-list h4 { color: #0a2f48; font-size: 1.4em; }
.link-list a { color: #0a2f48; display: block; margin-top: 16px; }
.link-list a:hover { color: #2ba122; text-decoration: underline; }
.link-list a img { height: 16px; margin-right: 3px; }
.link-list a span { color: #2ba122; font-style: italic; }
.gray-bg { background-color: rgba(229,233,236,.3); }
#meeting-materials { padding: 46px 7% 60px; }
#meeting-materials h3 { font-size: 1.4em;}
#meeting-materials a { color: #0a2f48; text-decoration: underline; font-weight: 500; margin: 6px 0 12px; display: block; }
#meeting-materials a:hover { color: #2ba122; }
#meeting-materials a span { color: #0a2f48; font-weight: 700; }
/* CONTACT */
.contact-page .row > div { padding: 24px 3% 50px; }
.contact-page .col-md-6 h3 { font-size: 1.8em; margin-top: 36px; }
#contact-gray-row { background-color: #e5e9ec; }
#contact-gray-row .col-md-6 { padding: 18px 0; }
#contact-gray-row .col-md-6:first-of-type { text-align: left; padding-left: 60px; }
#contact-gray-row a { color: #0a2f48; display: inline-block; margin: 0 32px; text-align: center; }
#contact-gray-row a:hover { color: #000; }
#contact-gray-row a i { display: block; font-size: 2.4em; margin-bottom: 4px; }
#contact-gray-row h3 { display: inline-block; font-size: 1.4em; line-height: 1.3em; margin-top: 18px; margin-right: 40px; vertical-align: middle; width: 230px; }
#contact-gray-row img { display: inline-block; height: 66px; margin-right: 8px; vertical-align: middle; }
#contact-gray-row span { display: inline-block; font-size: .85em; line-height: 1.5em; vertical-align: middle; }
#contact-gray-row p { display: inline-block; margin-top: 4px; vertical-align: middle; }
#crmWebToEntityForm,
#crmWebToEntityForm form,
#crmWebToEntityForm table { border: 0; line-height: 0; width: 100% !important; }
#crmWebToEntityForm table tr td span { font-family: "frank-new",sans-serif !important; font-size: 1em!important; }
#crmWebToEntityForm table tr td:last-of-type { display: none; }
#crmWebToEntityForm table tr:last-of-type td:last-of-type { display: block; }
#crmWebToEntityForm table tr:nth-of-type(even) { background-color: #fff;}
#crmWebToEntityForm input[type="text"] { font-family: "frank-new",sans-serif; font-size: .9em; line-height: 1.5em; padding: 5px; margin-top: 6px; }
#crmWebToEntityForm textarea { font-family: "frank-new",sans-serif; font-size: .9em; line-height: 1.5em; }
#crmWebToEntityForm input[type="reset"] { display: none; }
#crmWebToEntityForm input[type="submit"] { background-color: #2ba122; font-size: 16px!important; color: #0a2f48 !important; float: right; line-height: 1em; padding: 7px 24px; border-radius: 5px; transition: background-color .15s; }
#crmWebToEntityForm input[type="submit"]:hover { background-color: #0a2f48; color: #fff !important; }
.proj-map { border: 1px solid #fff; display: block; }
/* Image Slideshow */
.image-slideshow { position: relative; width: 100%; }
.image-slideshow button { background: #333; background: rgba(0,0,0,.8); border: 0; color: #fff; position: absolute; transition: background .2s; z-index: 1; }
.image-slideshow button span { left: -9999px; position: absolute; }
.image-slideshow button:hover { background: #000; }
.slideshow-trigger { border-radius: 24px; height: 38px; line-height: 38px; margin: 12px; padding: 0; width: 38px; }
.slideshow-move { font-size: 1.6em; height: 50px; left: 0; line-height: 50px; margin-top: -25px; padding: 0 8px; top: 50%; z-index: 1; }
.slideshow-move.next { left: auto; right: 0; }
.image-slideshow-slides { overflow: hidden; position: relative; }
.image-slideshow-slides > div { opacity: 0; position: absolute; transition: opacity 0s; width: 100%; }
.image-slideshow-slides > div.active { opacity: 1; position: static; top: 0; transition: opacity .25s; }
.image-slideshow-slides > div img { width: 100%; }
.caption { bottom: 20px; color: #fff; font-size: 1.1em; position: absolute; text-align: center; width: 100%; z-index: 1; }
.font-3 .header img { height: 70px; }
.font-3 .header > ul { line-height: 80px; }
.font-3 .header > ul > li { font-size: 1.3em; }
.font-3 .header > ul > li ul { width: 230px; }
.font-3 .header > ul > li li { line-height: 1.3em; margin: 8px 18px; }
.font-3 .header > ul > li li:first-of-type { padding-bottom: 8px; }
.font-3 #home-header { font-size: 1.3em; }
.font-3 #home-header h2 { width: 48%; }
.font-3 #home-header p { width: 56%; }
.font-3 .content h3 { font-size: 2.6em; }
.font-3 #project-snapshot p { font-size: 1.15em; line-height: 1.2em; }
.font-3 #project-snapshot div { height: 544px; }
.font-3 #project-snapshot div:hover { margin-top: -544px; }
.font-3 .footer p { font-size: 1.15em; }
.font-3 .footer .col-md-8 p { font-size: 1em; }
.font-3 .footer .col-md-8 > div:last-of-type p { font-size: 1.1em; }
.font-3 .footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: 66px; }
.font-3 #font-sizes a { font-size: 1.3em; height: 34px; line-height: .8em; padding-top: 11px; }
.font-3 #font-sizes a:nth-of-type(2) { font-size: 1.5em; line-height: .7em; }
.font-3 #font-sizes a:nth-of-type(3) { font-size: 1.8em; line-height: .5em; }
.font-3 .page-header h2 { font-size: 4em; line-height: 1.1em; }
.font-3 .content p { font-size: 1.4em; }
.font-3 .content li { font-size: 1.2em; }
.font-3 .page-header p { font-size: 2.4em; line-height: 1.2em; }
.font-3 #why-connection-menu span { font-size: 1.4em; height: 80px; }
.font-3 #schedule h4 { font-size: 1.4em; }
.font-3 #schedule > div { max-width: 1300px; }
.font-3 #schedule > div > div { height: 210px; }
.font-3 #schedule > div > div ul li { font-size: 1.3em; }
.font-2 .page-header h2 { font-size: 3.6em; line-height: 1.1em; }
.font-2 .content p { font-size: 1.2em; }
.font-2 .content li { font-size: 1.1em; }
.font-2 .page-header p { font-size: 2em; line-height: 1.2em; }
.font-2 #why-connection-menu span { font-size: 1.2em; height: 60px; }
.font-2 #schedule h4 { font-size: 1.2em; }
.font-2 #schedule > div { max-width: 1300px; }
.font-2 #schedule > div > div { height: 210px; }
.font-2 #schedule > div > div ul li { font-size: 1.2em; }
.font-2 .header img { height: 70px; }
.font-2 .header > ul { line-height: 70px; }
.font-2 .header > ul > li { font-size: 1.1em; }
.font-2 .header > ul > li ul { width: 208px; }
.font-2 .header > ul > li li { line-height: 1.1em; margin: 8px 18px; }
.font-2 .header > ul > li li:first-of-type { padding-bottom: 8px; }
.font-2 #home-header { font-size: 1.1em; }
.font-2 #home-header h2 { width: 48%; }
.font-2 #home-header p { width: 56%; }
.font-2 .content h3 { font-size: 2.4em; }
.font-2 #project-snapshot p { font-size: 1.1em; line-height: 1.2em; }
.font-2 #project-snapshot div { height: 544px; }
.font-2 #project-snapshot div:hover { margin-top: -544px; }
.font-2 .footer p { font-size: 1.05em; }
.font-2 .footer .col-md-8 p { font-size: 1em; }
.font-2 .footer .col-md-8 > div:last-of-type p { font-size: 1em; }
.font-2 .footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: 60px; }
.font-2 #font-sizes a { font-size: 1.1em; height: 34px; line-height: .8em; padding-top: 11px; }
.font-2 #font-sizes a:nth-of-type(2) { font-size: 1.4em; line-height: .6em; }
.font-2 #font-sizes a:nth-of-type(3) { font-size: 1.5em; line-height: .5em; }
.font-3 #const-schedule .row .col-md-4 h4 { font-size: 1.7em; }
.font-3 #const-schedule .row .col-md-4 ul li { font-size: 1.2em; }
.font-3 #const-schedule .row .col-md-4 small { font-size: 1.1em; }
.font-3 #const-schedule .row .col-md-4 p:last-of-type { font-size: 1.2em; }
.font-3 #const-schedule .row .col-md-4 p:last-of-type span { font-size: 1.1em; }
.font-3 #const-schedule .col-md-12 small { font-size: 1.3em; }
.font-2 #const-schedule .row .col-md-4 h4 { font-size: 1.5em; }
.font-2 #const-schedule .row .col-md-4 ul li { font-size: 1.1em; }
.font-2 #const-schedule .row .col-md-4 small { font-size: 1.05em; }
.font-2 #const-schedule .row .col-md-4 p:last-of-type { font-size: 1.1em; }
.font-2 #const-schedule .row .col-md-4 p:last-of-type span { font-size: 1.05em; }
.font-2 #const-schedule .col-md-12 small { font-size: 1.1em; }
.font-3 #faqs h4 { font-size: 1.9em; }
.font-3 #meeting-materials h3 { font-size: 1.8em; }
.font-3 .link-list h4 { font-size: 1.8em; }
.font-3 .link-list a { font-size: 1.2em; }
.font-2 #faqs h4 { font-size: 1.5em; }
.font-2 #meeting-materials h3 { font-size: 1.4em; }
.font-2 .link-list h4 { font-size: 1.4em; }
.font-2 .link-list a { font-size: 1.1em; }
.font-3 #crmWebToEntityForm table tr td span { font-size: 1.2em !important; }
.font-3 #crmWebToEntityForm input[type="text"],
.font-3 #crmWebToEntityForm textarea { font-size: 1.1em; }
.font-3 #crmWebToEntityForm input[type="submit"] { font-size: 1.4em !important; }
.font-3 #contact-gray-row a { font-size: 1.3em; }
.font-3 #contact-gray-row h3 { font-size: 2em; }
.font-3 #contact-gray-row span { font-size: 1em; }
.font-3 #contact-gray-row .row { margin: 0 2%; max-width: 100%; }
.font-2 #crmWebToEntityForm table tr td span { font-size: 1.1em !important; }
.font-2 #crmWebToEntityForm input[type="text"],
.font-2 #crmWebToEntityForm textarea { font-size: 1.05em; }
.font-2 #crmWebToEntityForm input[type="submit"] { font-size: 1.2em !important; }
.font-2 #contact-gray-row a { font-size: 1.15em; }
.font-2 #contact-gray-row h3 { font-size: 1em; }
.font-2 #contact-gray-row span { font-size: .95em; }
.font-2 #contact-gray-row .row { margin: 0 2%; max-width: 92%; }
/*********************************************/
/****** Media Queries ************************/
/*********************************************/
@media screen and (min-width: 1800px) {
.header > ul { width: 50%; }
}
@media screen and (max-width: 1680px) {
#home-header h2 { margin-top: 74px; width: 54%; }
.page-header img { left: -20%; width: 140%; }
#home-header img { left: 0; width: 106%; }
.font-3 #project-snapshot p { font-size: 1.05em; line-height: 1.2em; }
.font-2 #project-snapshot p { font-size: 1em; line-height: 1.2em; }
.font-3 .header img { height: 56px; padding: 0 22px; }
.font-3 .header > ul > li { padding: 28px 30px; }
}
@media screen and (max-width: 1500px) {
.header img { height: 52px; padding: 0 16px; top: 9px; }
.header > ul li { padding: 16px 18px 2px; }
.header > ul li ul { margin-left: -18px; margin-top: 2px; }
#home-header { height: 640px; }
#home-header h2 { font-size: 3.1em; }
#home-header p { font-size: 1.3em; line-height: 1.6em; width: 70%; }
#project-snapshot div h4 { font-size: 1.3em; }
#project-snapshot p { font-size: .9em; line-height: 1.3em; }
#why-connection .row:nth-of-type(2) img { height: auto; width: 90%; }
#why-connection-menu span { font-size: 1.1em; margin: 0 8.5% -26px; width: 16.3333%; }
#schedule h4 { font-size: 1.1em; }
#contact-gray-row .col-md-6:first-of-type { width: 44%; }
#contact-gray-row .col-md-6:last-of-type { width: 56%; }
.footer .col-md-6 { padding: 20px 3% 24px; }
.footer p:last-of-type { margin-top: 18px; }
.footer .col-md-4 a h3 { font-size: 1.4em; }
.font-3 .content p { font-size: 1.25em; }
.font-3 .content li { font-size: 1.1em; }
.font-3 .page-header p { font-size: 2em; }
.font-2 .content p { font-size: 1.22em; }
.font-2 .content li { font-size: 1.05em; }
.font-2 .page-header p { font-size: 1.7em; }
.font-3 .header img { height: 46px; padding: 0 22px; }
.font-3 .header > ul > li { padding: 22px 14px; }
.font-2 .header img { height: 54px; }
}
@media screen and (max-width: 1260px) {
.header img { height: 40px; top: 9px; }
.header > ul li { font-size: .9em; padding: 14px 12px 2px; }
.header > ul li ul { margin-left: -22px; padding: 2px 0; width: 200px; }
.header > ul li ul li a { font-size: .9em; }
.header .social-media { padding-right: 18px; }
.header .social-media li { line-height: 52px; padding: 0 8px; }
.header .social-media li a { font-size: 1.2em; padding: 0; }
.green-row { padding: 24px 2% 28px; }
.green-row p { font-size: 1em; line-height: 1.6em; }
#project-snapshot div h4 { font-size: 1.2em; }
#project-snapshot p { font-size: .85em; line-height: 1.3em; }
#project-snapshot div { height: 484px; left: 2%; padding: 12px 12px; width: 18%; }
#project-snapshot div:nth-of-type(2) { left: 21.5%; }
#project-snapshot div:nth-of-type(3) { left: 41%; }
#project-snapshot div:nth-of-type(4) { left: 60.5%; }
#project-snapshot div:nth-of-type(5) { left: 80%; }
#project-snapshot div:hover { margin-top: -484px; }
.page-header { height: 280px; }
.page-header h2 { font-size: 2.1em; line-height: 1.1em; }
.page-header p { font-size: 1.4em; }
#const-schedule .row { padding: 36px 2% 0; }
#contact-gray-row .col-md-6 { padding: 16px 0; }
#contact-gray-row a i { font-size: 1.9em; margin-top: 12px; }
#contact-gray-row h3 { font-size: 1.4em; margin: 14px 24px; width: 200px; }
#contact-gray-row img { margin-right: 8px; }
#contact-gray-row span { font-size: .9em; line-height: 1.4em; }
#home-header { height: 510px; }
#home-header h2 { font-size: 2.5em; margin-top: 54px; }
#home-header h3 { font-size: 1.2em; }
#home-header p { font-size: 1.3em; }
.footer > div { padding: 20px 4.75% 14px 1%; }
.footer p { font-size: .85em; }
.footer p:last-of-type { margin-top: 15px; }
.footer .col-md-4 a { margin-top: 8px; width: 290px; }
.footer .col-md-4 a img { height: 28px; left: 2px; padding: 6px; position: absolute; top: 2px; }
.footer .col-md-4 a img[src*="arrow"] { cursor: pointer; left: 100%; margin-left: 8px; padding: 0; top: 2px; }
.footer .col-md-4 a h3 { font-size: 1.2em; padding-bottom: 6px; }
.footer .col-md-8 > div:nth-child(2) { margin-left: 26px; }
.footer .col-md-8 > div:first-of-type img { height: 22px; margin-top: 18px; padding-left: 16px; }
.footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: 40px; padding-left: 38px; }
.footer .col-md-8 > div:last-of-type p { font-size: .8em; margin-bottom: 2px; }
.footer .col-md-8 > div:last-of-type #translate-page p { margin-top: 6px; }
.footer .col-md-8 p { font-size: 0.84em; }
img.back-top-btn { height: 32px; width: auto; }
.font-3 .footer p { font-size: 1em; }
.font-3 .footer .col-md-8 > div:last-of-type p { font-size: .9em; }
.font-2 .footer p { font-size: .9em; }
.font-2 .footer .col-md-8 p { font-size: .9em; }
.font-2 .footer .col-md-8 > div:last-of-type p { font-size: .85em; }
.font-2 #project-snapshot p { font-size: .85em; }
.font-3 #home-header h2,
.font-3 #home-header p { width: 70%; }
.font-3 #project-snapshot p { font-size: .95em; }
.font-3 #mobile-menu { color: #fff; cursor: pointer; display: block; font-size: 1.8em; line-height: 1.5em; padding: 14px 28px; position: absolute; right: 0; top: 0; }
.font-3 .header { position: relative; text-align: left; }
.font-3 .header img { height: 68px; padding: 8px 10px; position: static; }
.font-3 .header > #menu > li:nth-of-type(2) > a { display: none; }
.font-3 .header > ul { background-color: #06273e; left: -100%; line-height: 1.5em; opacity: 0; padding: 8px 12px 1px; position: absolute; text-align: center; top: 100%; transition: left 0s ease-in-out .1s, opacity .1s; width: 100%; z-index: 1; }
.font-3 .header > ul.showing { left: 0; opacity: 1; transition: left 0s, opacity .2s; }
.font-3 .header > ul li { padding: 0 8px; }
.font-3 .header > ul li:first-of-type { padding: 0 3px; }
.font-3 .header > ul li ul { background-color: transparent; display: inline-block; margin: 0; opacity: 1; position: static; width: auto; }
.font-3 .header > ul li ul li { border: 0; display: inline-block; margin: 0; padding: 0 0 0 10px; }
.font-3 .header > ul li ul li a { color: #fff; display: block; font-size: 1.1em; text-transform: uppercase; }
.font-3 .header .social-media { display: block; padding: 10px 0; }
.font-3 .header .social-media li { line-height: 1em; }
.font-3 #schedule h4 { font-size: 1.15em; }
.font-3 #schedule > div > div { height: 180px; }
.font-3 #schedule > div > div ul li { font-size: 1.1em; }
.font-2 .header img { height: 38px; }
}
@media screen and (max-width: 992px) {
.vertical-centered > div { margin: 0; }
h1 { font-size: 2.2em; margin: 20px 0 6px; }
h2 { font-size: 1.7em; margin: 12px 0 0; }
h3 { font-size: 1.4em; margin: 20px 0 0; }
h4 { font-size: 1.3em; margin: 28px 0 0; }
h5 { font-size: 1.2em; margin: 26px 0 0; }
h6 { font-size: 1.1em; margin: 26px 0 0; }
p, li { font-size: .8125em; line-height: 1.3em; }
.button { font-size: .8em; border-radius: 12px; padding: 4px 12px 3px; }
table tr { font-size: .8em; padding: 2px; }
.content h3 { font-size: 1.6em; margin-bottom: 10px; }
.content p { font-size: 1em; line-height: 1.4em; }
.green-row { padding: 9px 24px 19px; }
.green-row .col-md-6 { padding: 0; }
.green-row p { font-size: 1em; line-height: 1.6em; }
#home-header { height: 400px; }
#home-header h2 { font-size: 2.1em; line-height: 1.1em; margin-top: 36px; }
#home-header h3 { font-size: 1em; }
#home-header p { font-size: 1.1em; margin-top: 26px; width: 70%; }
.header img { height: 36px; top: 12px; }
.big-img { border: 1px solid #555; overflow: auto; }
.big-img img { max-width: 8000%; width: 992px !important; }
#mobile-menu { color: #fff; cursor: pointer; display: block; font-size: 1.4em; line-height: .6em; padding: 14px; position: absolute; right: 0; top: 14px; }
.header { position: relative; text-align: left; }
.header img { height: 58px; padding: 8px 10px; position: static; margin: 6px 0; }
.header > #menu > li:nth-of-type(2) > a { display: none; }
.header > ul { background-color: #06273e; left: -100%; line-height: 1.5em; opacity: 0; padding: 1px 12px 1px; position: absolute; text-align: center; top: 100%; transition: left 0s ease-in-out .1s, opacity .1s; width: 100%; z-index: 1; }
.header > ul.showing { left: 0; opacity: 1; transition: left 0s, opacity .2s; }
.header > ul li { padding: 6px 3px; }
.header > ul li ul { background-color: transparent; display: inline-block; margin: 0; opacity: 1; padding: 0; position: static; width: auto; }
.header > ul li ul li { border: 0; display: inline-block; margin: 0; padding: 0 0 0 10px; }
.header > ul li ul li:first-of-type { padding-left: 4px; }
.header > ul li ul li a { color: #fff; display: block; font-size: 1.1em; line-height: 1em; padding: 0; text-transform: uppercase; }
.header > ul li ul li a:hover { background: transparent; color: #62cb29; }
.header .social-media { display: block; padding: 10px 0; }
.header .social-media li { line-height: 1em; }
#project-snapshot { padding-bottom: 0; }
#project-snapshot span { display: block; overflow: auto; }
#project-snapshot span img { width: 120%; }
#project-snapshot div { border-bottom: 1px solid #0a2f48; border-radius: 0; height: auto; margin: 0 !important; padding: 14px 16px 10px; position: static; width: 100%; }
#project-snapshot div h4 { height: auto; padding-bottom: 12px; }
#project-snapshot div h4:after { height: 3px; }
#why-connection .row { padding: 46px 3% 40px; }
#why-connection p { font-size: 1em; line-height: 1.5em; }
#why-connection img { margin-top: 18px; }
#why-connection-menu span { font-size: .9em; margin: 0 2% -14px; width: 29.3333%; }
#schedule > div { padding-top: 35px; }
#schedule h4 { font-size: .85em; height: 32px; line-height: 31px; }
#schedule h4.showing { height: 35px; }
#schedule > div > div { height: 132px; padding: 0 8% 0; }
#schedule > div > div ul li { font-size: .8em; margin: 7px 0; }
.proj-map { border: 1px solid #a3bcc4; display: block; overflow: auto; }
.proj-map img { width: 138% !important; }
#current-updates.link-triplet .col-md-4 { float: left; margin-top: 14px; margin-bottom: 20px; }
#faqs .accordion-header { padding-right: 50px; position: relative; }
#faqs .accordion-header i { position: absolute; right: 0; top: 0; }
.contact-page .row > div { padding: 20px 3% 8px; }
.contact-page .row > div.alerts-box { padding: 12px; }
#contact-gray-row .col-md-6 { text-align: center; width: 100% !important; }
#contact-gray-row h3 { display: block; margin: 14px 20px 0; width: auto; }
#contact-gray-row span { text-align: left; }
#contact-gray-row a { padding-top: 7px; }
#contact-gray-row a i { font-size: 1.8em; }
#detours .row { padding-bottom: 18px; }
#detours .row > div { padding: 0 !important; }
#detours .alerts-box { margin-bottom: 0; }
#faqs.actually-updates div a { word-wrap: break-word; }
.font-3 #home-header p { font-size: 1em; width: 86%; }
.font-3 #project-snapshot div { height: auto; }
.font-3 .footer p { font-size: 1em; }
.font-2 #project-snapshot div { height: auto; }
.font-2 #project-snapshot div p { font-size: 1.05em; }
.font-2 #home-header p { width: 94%; }
.font-2 #home-header h2,
.font-2 #home-header p { width: 70%; }
.font-2 #project-snapshot p { font-size: 1.15em; }
.font-2 #mobile-menu { color: #fff; cursor: pointer; display: block; font-size: 1.8em; line-height: 1.5em; padding: 14px 28px; position: absolute; right: 0; top: 0; }
.font-2 .header { position: relative; text-align: left; }
.font-2 .header img { height: 68px; padding: 8px 10px; position: static; }
.font-2 .header > #menu > li:nth-of-type(2) > a { display: none; }
.font-2 .header > ul { background-color: #06273e; left: -100%; line-height: 1.5em; opacity: 0; padding: 8px 12px 1px; position: absolute; text-align: center; top: 100%; transition: left 0s ease-in-out .1s, opacity .1s; width: 100%; z-index: 1; }
.font-2 .header > ul.showing { left: 0; opacity: 1; transition: left 0s, opacity .2s; }
.font-2 .header > ul li { padding: 0 8px; }
.font-2 .header > ul li:first-of-type { padding: 0 3px; }
.font-2 .header > ul li ul { background-color: transparent; display: inline-block; margin: 0; opacity: 1; position: static; width: auto; }
.font-2 .header > ul li ul li { border: 0; display: inline-block; margin: 0; padding: 0 0 0 10px; }
.font-2 .header > ul li ul li a { color: #fff; display: block; font-size: 1.1em; text-transform: uppercase; }
.font-2 .header .social-media { display: block; padding: 10px 0; }
.font-2 .header .social-media li { line-height: 1em; }
.font-3 .page-header h2 { font-size: 2.6em; }
.font-3 .content p { font-size: 1.1em; }
.font-3 .content li { font-size: 1em; }
.font-3 .page-header p { font-size: 1.6em; }
.font-3 #why-connection-menu span { font-size: 1.1em; height: 60px; }
.font-2 .page-header h2 { font-size: 2.3em; }
.font-2 .content p { font-size: 1.05em; }
.font-2 .page-header p { font-size: 1.4em; }
.font-2 #why-connection-menu span { font-size: 1.05em; height: 52px; }
.font-3 #schedule > div { padding-top: 10px; }
.font-3 #schedule h4 { background-color: #5a6771 !important; height: 28px !important; line-height: 28px; position: static; width: 200px; }
.font-3 #schedule > div > div { display: block; height: auto; margin-bottom: 24px; padding: 6px 7%; }
.font-3 #schedule > div > div ul li { font-size: 1em; }
.font-2 #schedule > div { padding-top: 10px; }
.font-2 #schedule h4 { background-color: #5a6771 !important; height: 28px !important; line-height: 28px; position: static; width: 200px; }
.font-2 #schedule > div > div { display: block; height: auto; margin-bottom: 24px; padding: 6px 7%; }
.font-2 #schedule > div > div ul li { font-size: .9em; }
}
@media screen and (max-width: 898px) {
.green-button-var { font-size: 1em; padding: 10px; }
.page-header { height: 180px; }
.page-header img { left: -40%; width: 180%; }
.page-header h2 { font-size: 1.8em; line-height: 1.1em; margin-left: 5%; }
.page-header p { font-size: 1.1em; line-height: 1.3em; }
#home-header { height: 290px; }
#home-header h2 { font-size: 1.6em; line-height: 1.1em; margin-top: 22px; margin-left: 5%; width: 50%; }
#home-header h3 { font-size: 1em; margin-left: 5%; margin-top: 12px; }
#home-header p { font-size: 1em; line-height: 1.4em; margin-top: 12px; margin-left: 5%; width: 88%; }
#why-connection-menu span { display: block; float: none; font-size: 1.1em; margin: 0; width: 100%; }
#why-connection .row { margin-top: 14px; padding: 24px 3% 18px; }
#why-connection img { height: 160px; margin-top: 8px; }
#project-snapshot span img { width: 1020px; }
#schedule > div { padding-top: 10px; }
#schedule h4 { background-color: #5a6771 !important; color: #fff !important; height: 28px !important; line-height: 28px; position: static; width: 200px !important; }
#schedule > div > div { display: block; height: auto; margin-bottom: 24px; padding: 6px 7%; }
#const-schedule .row .col-md-4 { display: block; margin-bottom: 28px; padding: 0; width: 100%; }
#const-schedule .row .col-md-4 h4 { font-size: 1.25em; padding: 12px; }
#const-schedule .row .col-md-4 div { padding: 0 4% 24px; }
#const-schedule .row .col-md-4 ul { padding-bottom: 0; }
#const-schedule .row .col-md-4 p:last-of-type { font-size: .9em; padding: 10px 14px; position: static; text-align: center; }
#const-schedule .row .col-md-4:nth-of-type(2) { margin-bottom: 48px; }
.proj-map img { width: 1080px !important; }
.footer > div { padding: 20px 3% 24px; }
.footer p { font-size: .75em; }
.footer p:last-of-type { margin-top: 15px; }
.footer .col-md-4 > img { height: 12px; }
.footer .col-md-4 a { margin-top: 5px; width: 280px; }
.footer .col-md-4 a img { height: 25px; left: 2px; padding: 6px; position: absolute; top: 1px; }
.footer .col-md-4 a img[src*="arrow"] { cursor: pointer; left: 100%; margin-left: 8px; padding: 0; top: 2px; }
.footer .col-md-4 a h3 { font-size: 1em; margin-bottom: 3px; padding: 5px 6px 4px 31px; }
.footer .col-md-8 > div:first-of-type img { height: 18px; margin-top: 12px; padding-left: 14px; }
.footer .col-md-8 p { font-size: .7em; }
.footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: 29px; padding-left: 38px; }
img.back-top-btn { top: 14px; }
#font-sizes a { font-size: .9em; height: 26px; padding-top: 4px; }
#font-sizes a:nth-of-type(2) { font-size: 1.05em; line-height: 1.1em; }
#font-sizes a:nth-of-type(3) { font-size: 1.15em; line-height: .9em; }
.font-3 #home-header { height: 360px; }
.font-2 #home-header h2, .font-2 #home-header p { width: 90%; }
}
@media screen and (max-width: 650px) {
.header img { height: 44px; }
#mobile-menu { top: 8px; }
.window-title { padding: 0; }
.modal-window > div { padding: 0 5% 28px; }
#home-header { height: 360px; }
#home-header img { left: -40%; width: 250%; }
#home-header h2 { font-size: 1.6em; line-height: 1.1em; margin-top: 12px; margin-left: 5%; width: 88%; }
#home-header h3 { font-size: 1em; margin-left: 5%; margin-top: 8px; width: 88%; }
#home-header p { font-size: .95em; line-height: 1.4em; margin-top: 18px; margin-left: 5%; width: 88%; }
.green-row p { font-size: .9em; line-height: 1.4em; }
.padded-row { padding: 14px 5% 18px; }
.page-header { height: auto; }
.page-header img { width: 300%; }
.page-header h2 { font-size: 1.4em; line-height: 1em; margin-left: 14px; padding: 12px 0; }
.page-header p { font-size: .85em; }
.blue-feature h3 { padding: 26px 0 12px; }
.blue-feature { padding-bottom: 46px; }
#detour-map { border: 1px solid #000; overflow: auto; }
#detour-map img { width: 720px; }
.detour-row .col-md-4 { border: 0 !important; display: block; width: 100%; }
.detour-row .col-md-4:after { display: none; }
#photo-selector button { border-width: 3px; height: 54px; width: 74px; }
#current-updates.link-triplet .col-md-4 { float: none; margin-top: 14px; margin-bottom: 20px; width: 100%; }
#current-updates.link-triplet .col-md-4 img { max-width: 350px; }
#current-updates.link-triplet .col-md-4 h4 { font-size: 1.1em; }
#current-updates.link-triplet .col-md-4 span { font-size: .9em; }
.alerts-box { padding: 16px; }
.forget { display: none !important; }
.progress-photo img { margin-top: 22px; }
#resources-page .link-triplet h4 { margin-top: 0; }
.footer > div { padding: 11px 18px 6px; margin-top: 28px; text-align: center !important; width: 100%; }
.footer p { font-size: .75em; }
.footer p:last-of-type { margin-top: 10px; }
.footer .col-md-4 > img { display: none; }
.footer .col-md-4 a { margin: 2px auto 8px; width: 60%; }
.footer .col-md-4 a img { height: 25px; left: 2px; padding: 6px; position: absolute; top: 1px; }
.footer .col-md-4 a img[src*="arrow"] { display: none; }
.footer .col-md-4 a h3 { font-size: 1em; text-align: left; }
.footer .col-md-8 { padding: 6px 18px 15px; }
.footer .col-md-8 > div { display: block; text-align: center; }
.footer .col-md-8 > div:first-of-type img { height: 20px; margin-top: 8px; padding: 0 10px; }
.footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: auto; padding: 0; width: 80%; }
.footer .col-md-8 > div:last-of-type { margin: 18px 0 0; }
.footer .col-md-8 > div:nth-child(2) { margin-left: 0; }
#back-to-top { display: none; }
#font-sizes { margin: 24px auto; }
#translate-page { margin-bottom: 30px; }
.font-3 #home-header { height: 540px; }
.font-3 #home-header img { width: 260%; }
.font-3 .footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: auto; width: 100%; }
.font-2 .footer .col-md-8 > div:first-of-type img[src*="scdot"] { height: auto; width: 100%; }
.font-2 #home-header { height: 360px; }
.font-2 #home-header img { width: 260%; }
.font-3 .page-header h2 { font-size: 1.6em; }
.font-3 .content p { font-size: 1.05em; }
.font-3 .page-header p { font-size: 1.4em; }
.font-2 .page-header h2 { font-size: 1.4em; }
.font-2 .content p { font-size: 1.02em; }
.font-2 .page-header p { font-size: 1em; }
.font-3 #contact-gray-row span { font-size: 1.2em; }
.font-2 #contact-gray-row span { font-size: 1.05em; }
}
@media screen and (max-width: 400px) {
#home-header { font-size: .9em; height: auto; }
#home-header img { left: -80%; width: 320%; }
#home-header h2 { margin-top: 14px; }
.content h3 { font-size: 1.3em; }
.blue-feature h3 { padding: 18px 0 12px; }
#why-connection-menu span { font-size: .95em; }
#why-connection p { font-size: .9em; }
#contact-gray-row a { margin: 0 24px; }
.footer .col-md-6:first-of-type a img[src*="arrow"] { display: none; }
.footer .col-md-6:last-of-type img { height: 20px; margin-bottom: 5px; padding: 0 10px; }
.footer .col-md-6:last-of-type img[src*="scdot"] { height: auto; padding: 0; width: 90%; }
.font-3 .header img { height: 44px; }
.font-3 #mobile-menu { line-height: .7em; padding-right: 10px; }
.font-3 .header > ul li { font-size: 1em; }
.font-3 #home-header { font-size: 1em; height: 480px; }
.font-3 #home-header img { width: 460%; }
.font-2 .header img { height: 44px; }
.font-2 #mobile-menu { line-height: .7em; padding-right: 10px; }
.font-2 .header > ul li { font-size: 1em; }
.font-2 #home-header { font-size: .95em; height: 380px; }
.font-2 #home-header img { width: 460%; }
.font-3 .page-header p { font-size: 1.2em; }
}