html, body { color: #333; font-family: "Poppins", sans-serif; height: 100%; -webkit-font-smoothing: antialiased; }
.container { height: 100%; padding: 0; width: 100%; }
.row { margin: 0; }
.row > div { padding: 26px 3%; }
.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 0; }
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 { font-size: 1.2em; line-height: 1.5em; margin: 16px 0 6px; }
ul, ol { margin: 16px 0 10px; }
li {  line-height: 1.4em; 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   (can remove if not needed)*/
#modal-window { height: 100%; left: 0; position: fixed; top: -100%; transition: top .95s; width: 100%; z-index: 100; }
#modal-window > span { background-color: rgba(0,0,0,.55); cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#modal-window > span > span { color: #fff; font-size: 3em; line-height: .6em; padding: 13px 15px; position: absolute; right: 0; top: 0; transition: color .2s; }
#modal-window > span > span:hover { color: #ddd; }
#modal-window > div { background-color: #1eb0b2; border-top: 18px solid #1a9b9d; box-shadow: 1px 63px 58px 0 #111; color: #fff; max-height: 78%; margin: -84px auto 0; padding: 12px 16px 30px; position: relative; transition: 1s ease-in-out .1s; width: 70%; }
#modal-window h2 { color: #fff; }
#modal-window.showing { top: 0; }
#modal-window.showing > div { box-shadow: 4px 13px 28px -10px #111; margin-top: 60px; }
#modal-window img { width: 100%; }

#modal-window.just-image > div { background: transparent; border: 0; overflow: auto; padding: 0 !important; }
#modal-window.just-image > div .col-md-12 { padding: 0; }

/*********************************************/
/******   Custom CSS  ************************/
/*********************************************/

/* Header */
.header { border-bottom: 7px solid #e6e6e6; padding: 22px 24px; }
.header > div { padding: 0 1.5%; }
.header h1 { position: absolute; left: -9999px; top: -9999px; }
.header .col-md-2 img { height: 78px; }

#menu { margin: 8px 0 0; padding: 0; text-align: center; }
#menu li { display: inline-block; }
#menu li a { color: #1eb0b2; font-size: 1.4em; margin: 0 34px; padding: 3px 6px; position: relative; }
#menu li a:before,
#menu li a:after { background-color: #c2e4e4; content: ""; height: 50%; left: 0; position: absolute; top: 0; transition: width .15s; width: 0; z-index: -1; }
#menu li a:after { left: auto; right: 0; top: 50%; }
#menu li a:hover:before,
#menu li a:hover:after { transition: width .4s; width: 100%; }
#menu li a.selected { color: #fdb913; font-weight: 700; }
#menu li a.selected:before,
#menu li a.selected:after { background-color: #fcebc3; }
#mobile-menu { display: none; }

.social-media { padding: 0; text-align: center; }
.social-media img { width: 55%; display:block; height: auto!important;}
.social-media li { display: inline-block; }
.social-media span { display: none; }
.social-media a { color: #ec3e44; font-size: 2em; margin: 0 15px; }
.social-media a:hover { color: #cc2429; }

a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
#trnaslatewidget {float:left;text-align:left;margin-left:18%;}
#trnaslatewidget a {display:none;}
#trnaslatewidget img {top:7px;}

.button { background-color: #0f3556; border-radius: 18px; font-size: 1.1em; font-weight: 700; margin-top: 20px; padding: 8px 22px; }
.button:hover { background-color: #1a4f7d; }

.row > div.pad-more { padding: 50px 4%; }
h2 { color: #fdb913; font-size: 2.6em; font-weight: 700; line-height: 1.3em; }

.slider { padding-bottom: 98px !important; position: relative; width: 100%; }
.slider > div  { overflow: hidden; }
.slider > div > div { left: 0; overflow: auto; position: relative; transition: left .5s; width: 300%; }
.slider > div > div > .slide { float: left; width: 33.3333%; }
.slider .arrow { border: 18px solid transparent; border-right-color: #c1e8e9; left: 38px; margin-top: -10px; position: absolute; top: 50%; transition: border-color .2s; }
.slider  .arrow.right { border-left-color: #c1e8e9; border-right-color: transparent; left: auto; right: 24px; }
.slider  .arrow:hover { border-right-color: #83cacc; }
.slider  .arrow.right:hover { border-left-color: #83cacc; border-right-color: transparent; }
.slider > .slider-menu { left: 0; margin-top: -64px; position: absolute; top: 100%; width: 100%; }
.slider > .slider-menu > a { background-color: #c1e8e9; border-radius: 50%; cursor: pointer; display: inline-block; height: 18px; margin: 0 8px; transition: background-color .2s; width: 18px; }
.slider > .slider-menu > a:hover { background-color: #83cacc; }
.slider > .slider-menu > a.selected { background-color: #005c5d; }

.img-box { overflow: hidden; }
.img-box img { width: 100%; }

/* Content */
#homepage-header-image { background-color: #ddd; height: 480px; overflow: hidden; position: relative;  }
#homepage-header-image > div { bottom: -14%; padding: 0; position: absolute;}
#homepage-header-image img { width: 100%; }
#homepage-top-row .col-md-4 { background-color: #fdb913; color: #fff; font-size: 1.3em; height: 428px; margin-bottom: -80px; position: relative; top: -80px; }
#homepage-top-row .col-md-4 h2 { color: #fff; font-size: 2.2em; font-weight: 700; }
#homepage-top-row .col-md-4 img {width: 80%; margin: 0 auto; display: block; }

.row > .icon-square-row,
.icon-squares > div { margin: 0; padding: 0; }
.icon-squares > div { background-color: #fdb913; overflow: hidden; text-align: center; }
.icon-squares > div img { cursor: pointer; left: 0; position: relative; transition: left .5s; top: 0; width: 100%; }
.icon-squares > div:hover img { left: 100%; }
.icon-squares > div:nth-of-type(even):hover img { left: -100%; }
.icon-squares > div p { color: #fff; font-size: 1.6em; height: 100%; left: 0; line-height: 1.3em; margin: 0; opacity: 0; position: absolute; top: 0; width: 100%; }
.icon-squares > div p:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 2px; }
.icon-squares > div p span { display: inline-block; vertical-align: middle; width: 60%; }
.icon-squares > div:hover p { opacity: 1; transition: opacity .3s ease-in-out .15s; }
#event-details { margin-top: 20px; }
#event-details > div { background-color: #fdb913; }
#event-details > div p { font-size: 1.1em; }
#event-details > div p span { width: 74%; }

#map-row { background-color: #fdb913; height: auto; overflow: hidden; }
#map-row .col-md-7 { background-color: #fdb913; display: inline-block; float: none; padding: 0; vertical-align: middle; }
#map-row #map-area { height: auto; overflow: hidden; position: relative; }
#map-row #map-area img {  width: 100%; }
#map-row #map-area img.zoomed { left: 0; position: absolute; top: 0; transition: .4s; }
#map-row img.legend { border: 1px solid #aaa;  margin: 8px; position: absolute; top: 0; right: 0; width: 198px; }
#map-row .col-md-5 { background-color: #fdb913; color: #fff; display: inline-block; float: none; font-weight: 700; vertical-align: middle; width: 41%; }
#map-row .col-md-5 p { display: inline-block; font-size: 1.7em; margin: 0 2%; vertical-align: middle; width: 93%; }
#map-area > div { border: 1px solid #444; position: absolute; }
#map-area > span { left: 0; padding: 5px 9px; position: absolute; top: 0; }

#circle-area { display: inline-block; height: 320px; position: relative; width: 320px; }
#circle { border-radius: 100%; display: inline-block; height: 100%; margin: 0 auto; overflow: hidden; position: relative; vertical-align: middle; width: 100%; }
#circle > div { height: 100%; width: 100%; position: absolute; top: 0; transition: transform 1.3s;  left: 0; z-index: 7; }
#circle > div > span { height: 50.25%; left: 0; position: absolute; top: 0; transition: transform 0s; width: 50.25%; z-index: 8; }
#circle-area > p { margin: 0; position: absolute; z-index: 11; }
#circle-area > p:first-of-type { height: 13%; top: 37%; width: 44%; }
#circle-area > p:nth-of-type(2) { height: 36%; left: 14%; top: -8%; width: 45%; }
#circle-area > p:nth-of-type(3) { height: 40%; left: 54%; top: 4%; width: 44%; }
#circle-area > p:nth-of-type(4) { height: 50%; top: 37%; width: 100%; }
#circle-area > p span { background-color: #fdb913; color: #fff; font-size: .8em; left: -3550%; line-height: 1.2em; margin-left: -60px; opacity: 0; padding: 6px 0 4px; position: absolute; top: 64%; width: 120px; z-index: 15; }
#circle-area > p span:after { border: 8px solid transparent; border-bottom-color: #fdb913; bottom: 100%; content: ""; left: 50%; margin-left: -8px; position: absolute; }
#circle-area > p span strong { display: block; }
#circle-area > p span { left: 50%; opacity: 1; top: 69%; transition: left 0s, opacity .2s, top .5s; }
#design-funding{padding:0px!important}
#design-funding .row {width:100%;}
#design-funding .col-md-12 {padding:0px!important}
#timeline-row { background-color: #ec3e44; }
#timeline-row .col-md-4 { background-color: #ec3e44; color: #fff; height: 1430px; text-align: center; }
#timeline-row h2 { color: #fff; }
#timeline-row .col-md-4 h3 { font-weight: 700; }
#timeline-row .col-md-4 ul { list-style-type: none; margin: 26px 0; overflow: auto; padding: 0; }
#timeline-row .col-md-4 li { float: left; padding: 0 8px; width: 33.3333%; }
#timeline-row .col-md-4 li img { display: block; height: 88px; margin: 0 auto 12px;  }
#timeline-row .col-md-4 p { clear: both; }
#timeline-row .col-md-4 hr { border-color: #d6383d; border-width: 8px; margin: 32px 0; }
#timeline-row .col-md-8 { padding: 0; }
#timeline-row .col-md-8 > div { padding: 33px 5% 50px; }

#system-goals { background-color: #1eb0b2; text-align: center; }
#system-goals h2 { margin-bottom: 46px; }
#system-goals h3 { color: #fff; font-weight: 700; }
#system-goals p { color: #fff; line-height: 1.2em; margin: 12px auto 14px; width: 60%; }
.goal { float: left; width: 50%; }
.goal img { height: 190px; }
#in-the-news { background-color: #fff; text-align: center; }
#in-the-news h2 { color: #a6ce39; font-weight: 700; margin-bottom: 16px; }
#in-the-news a { border-right-color: #a6ce39; border-width: 12px; toP: 40%;  }
#in-the-news a.right { border-left-color: #a6ce39; border-right-color: transparent; }
#in-the-news a:hover { border-right-color: #7a972a; }
#in-the-news a.right:hover { border-left-color: #7a972a; border-right-color: transparent; }
#in-the-news.slider { padding-bottom: 80px !important; }
#in-the-news .slider-menu a { background-color: #d3e79c; }
#in-the-news .slider-menu a.selected { background-color: #a6ce39; }
.new-item { padding: 10px 16%; }
.new-item img { display: block; margin: 0 auto 16px; width: 310px; }
.new-item h3 { color: #a6ce39; font-size: 1.5em; margin-top: 2px; }

#why-bus { background-color: #fff; }
#why-bus h2 { color: #ec3e44; }

#design-funding {background-color: #fdb913;}
#design-funding h3 { color: #fff; line-height: 1.5em; }
#design-funding h3 span { display: block;  }
#design-funding #circle-graph { text-align: center; }
#design-funding #circle-graph img { display: inline-block; width:100% }
#design-funding .col-md-12 div { margin-top: 18px; width: 100%; }
#design-funding .col-md-12 div img { width: 100%; }
#design-funding > div { display: inline-block; vertical-align: middle; width: 98%; }
#design-funding:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

/* #event-top-row { background-color: #1eb0b2; } */
#event-top-row.temp { background-color: #00394e; }
#event-top-row h2 { color: #fff;}
#event-top-row .col-md-6 { background-color: #fff; padding: 0; }
#event-top-row .col-md-6 h2 { margin: 0; padding: 25px 5% 16px; }
#event-top-row .col-md-6 p { margin: 0; padding: 14px 5%; }
#event-top-row .col-md-6:first-of-type h2 { color: #0f3556; padding-bottom: 6px; }
#event-top-row .col-md-6:last-of-type { color: #fff; }
#event-top-row .col-md-6 ul li:first-of-type h4 { margin-top: 0; }
#event-top-row .button { background-color: #fdb913; margin: 0; }
#event-top-row .button:hover { background-color: #ba8504; }
#event-top-row .img-box { height: 360px; }

#event-content { position: relative; }
#event-content .col-md-6:first-of-type { position: static; }
#video-container { width: 100%; position: absolute; bottom: 0; left: 0; width: 50%; }

#online-meeting { background-color: #1eb0b2; padding-bottom: 25px; height: 100%;}
#online-meeting.temp { padding-top: 24px;  }
#feedback-important { background-color: #1eb0b2; min-height: 180px; }
.mata-form {background-color: #a6ce39;height:100%}
#event-bottom-row .col-md-6:first-of-type p { font-size: 1.1em; line-height: 1.3em; }
#event-bottom-row .col-md-6:last-of-type { padding: 0 0 0 !important; }

#contact-page .row:first-of-type { background-color: #fdb913; }
#find-us-online { background-color: #fff; padding: 0; }
#find-us-online h2 { color: #1eb0b2; margin: 20px auto; text-align: center; }
#contact-email { margin: 14px auto 30px; text-align: center; }
#contact-email img { margin-right: 4px; width: 30px; }
#contact-social-media .col-md-4 { padding: 0; }
#contact-social-media .col-md-4 a { background-color: #1eb0b2; color: #fff; display: block; font-size: 5.4em; height: 180px; line-height: 180px; text-align: center; }
#contact-social-media .col-md-4:nth-of-type(2) a { background-color: #1a9b9d; }
#contact-social-media .col-md-4 a:hover { color: #005c5d; }
#contact-page .col-md-8 { padding: 0; }


/* #email-subscription { overflow: auto; height:520px; } */
#email-subscription { background: #a6ce39; }
#email-subscription .col-md-6:first-of-type { background: #fff; }
#email-subscription .col-md-6:first-of-type h2 { color: #00394e; }

#email-subscription .mata-form h2 {color:white;margin:0;}
#email-subscription h3:first-of-type { color: #1eb0b2; }


#contact-page #email-subscription { background-color: #fdb913; padding: 0 4%; padding-top: 40px; }
#contact-page #email-subscription h2 { color: #0f3556; margin-bottom: 34px; text-align: center; }
#contact-page #email-subscription input[type="submit"] { background-color: #005c5d; }
#contact-page #email-subscription input[type="submit"]:hover { background-color: #002e2f; }
#send-comment { background-color: #a6ce39; }
#send-comment h2 { color: #fff; font-weight: 700; text-align: center; }
#request-speaker h2 { color: #ec3e44; text-align: center; }
.mata-form form { overflow: auto; position: relative; }
.mata-form label { display: none; }
.mata-form input[type="text"] { border: 0; float: left; height: 34px; margin-bottom: 18px; padding: 0 10px; width: 49%; }
.mata-form input[id*="first"] { margin-right: 2%; }
.mata-form input[id*="email"] { margin-bottom: 0; padding-right: 50px; width: 100%; }
.mata-form textarea { border: 0; margin-top: 18px; padding: 5px 8px; }
.mata-form input[type="submit"] { background-color: #1eb0b2; bottom: 0; border-radius: 0; height: 34px; padding: 0 20px; position: absolute; right: 0; }
.mata-form input[type="submit"]:hover { background-color: #078587; }
#send-comment input[type="submit"],
#request-speaker input[type="submit"] { background-color: #629b33; border-radius: 16px; display: block; font-size: .9em; height: 32px; margin: 14px auto 24px; position: static; }
#send-comment input[type="submit"]:hover { background-color: #3c6e14; }
#request-speaker input[type="submit"] { background-color: #ec3e44; }
#request-speaker input[type="submit"]:hover { background-color: #c12228; }
#request-speaker input[type="text"],
#request-speaker textarea { background-color: #d9d9d9; }

#event-top-row, #event-bottom-row { height: 347px; }
#event-top-row > div,
#event-top-row > div > div { height: 100%; }
.smallfont {font-size:01em;font-style:italic;}
/* ZOHO :( */
#crmWebToEntityForm form { line-height: 0; margin: 35px 0 12px; }
#crmWebToEntityForm,
#crmWebToEntityForm table { background-color: transparent !important; border: none; margin: 0 !important; padding: 0; width: 100% !important; }
#crmWebToEntityForm tr:first-of-type,
#crmWebToEntityForm tr td:first-of-type,
#crmWebToEntityForm tr td:last-of-type,
#crmWebToEntityForm input[type="reset"] { display: none; }
#crmWebToEntityForm tr { background-color: transparent; float: left; margin-right: 2%; margin-bottom: 18px; padding: 0 !important; width: 49% !important; }
#crmWebToEntityForm tr:nth-of-type(3) { margin-right: 0; }
#crmWebToEntityForm tr td { display: block; padding: 0 !important; width: 100% !important; }
#crmWebToEntityForm tr:last-of-type { bottom: 0; margin-right: 0; position: absolute; right: 0; }
#crmWebToEntityForm tr:last-of-type td { display: block; padding: 0 !important; text-align: right !important; }
#crmWebToEntityForm input[type="text"] { border: none !important; height: 46px; margin: 0; padding-left: 12px; width: 100% !important; }
#crmWebToEntityForm tr:nth-of-type(4),
#crmWebToEntityForm input[name="Email"],
#send-comment #crmWebToEntityForm tr:nth-of-type(5),
#request-speaker #crmWebToEntityForm tr:nth-of-type(5) { width: 100% !important; }
#crmWebToEntityForm input[type="submit"] { color: #fff !important; font-size: 1.15em !important; font-weight: 700; height: 46px; margin: 0 !important; position: static; }
#crmWebToEntityForm textarea { border: none; line-height: 1.3em; padding: 8px 12px; width: 100%; }
/* #send-comment #crmWebToEntityForm tr:nth-of-type(5) td:first-of-type { color: #fff; display: block; font-size: 1.4em !important; font-family: "Poppins" !important; line-height: 1.8em; } */
#send-comment #crmWebToEntityForm tr:last-of-type,
#request-speaker #crmWebToEntityForm tr:last-of-type { bottom: 0; margin-right: 0; position: static; width: 100% !important; }
#send-comment #crmWebToEntityForm tr:last-of-type input[type="submit"],
#request-speaker #crmWebToEntityForm tr:last-of-type input[type="submit"] { margin: 0 auto !important; height: 34px;  }

.row > #document-col { margin-top: -100px; padding: 0; }
#video-title { background-color: #ec3e44; color: #fff; padding: 16px 8% 40px; }
#video-title h2 { color: #fff; font-size: 2em; }
#faqs h2 { color: #1eb0b2; margin-bottom: 32px; text-align: center;  }
#key-docs { padding: 30px 0 0 8%; text-align: center; }
#key-docs h2 { color: #a6ce39; font-weight: 700; }
#key-docs a { border-bottom: 1px solid #c9c9c9; color: #4d4d4d; display: block; font-size: 1.3em; padding: 28px 20%; }
#key-docs a:hover { color: #79b93e; font-weight: 700; }

#key-docs.press-releases { background-color: #1eb0b2; padding: 30px 4% 70px; }
#key-docs.press-releases a { border-bottom-color: #00394e; color: #fff; font-weight: 700; padding: 44px 20%; }
#key-docs.press-releases a:hover { color: #00394e; }
#key-docs.press-releases a span { color: #fdb913; display: block; font-size: .85em; font-weight: 400; }
#key-docs.press-releases h2 { color: #fff; font-weight: 700; }

#faqs .accordion-header { background-color: #1eb0b2; color: #fff; margin: 0; padding: 18px 20px 18px 50px; position: relative; }
#faqs .accordion:nth-of-type(even) .accordion-header { background-color: #1a9b9d;  }
#faqs .accordion-header i { color: #fdb913; left: 4px; margin-top: -9px; position: absolute; top: 50%; }
#faqs i.fa-minus { display: none; }
#faqs .opened i.fa-plus { display: none; }
#faqs .opened i.fa-minus { display: block; }
#faqs .accordion { background-color: #c7ebec; }
#faqs .accordion p { padding: 0 4% 16px; }
#faqs .accordion ul { margin: 24px 6% 42px 3%; }

/* Schedule */
#schedule-box { padding: 38px 0 60px; position: relative; text-align: center; }
#schedule { float: none; height: 480px; margin: 56px auto 0; position: relative; text-align: center; width: 88%; }
#schedule:before { background-color: #e6e6e6; content: ""; height: 5px; left: 0; position: absolute; top: 50%; width: 100%; }
#schedule span { display: none; }

#schedule div { background-color: #fdb913; border-top: 13px solid #fdb913; color: #fff; cursor: pointer; font-size: 1.1em; font-weight: 700; height: 50%; line-height: 1.3em; padding: 12px 28px; position: absolute; top: 0; transition: border-color .2s; }
#schedule .square { background-color: transparent; border: none; color: #fff; font-size: .9em; font-weight: 700; height: auto; margin-top: 27px; padding: 0; position: absolute; top: 50%; z-index: 1; }
#schedule .square > span { background-color: #ec3e44; border: 3px solid transparent; bottom: 100%; cursor: pointer; display: block; height: 22px; left: 20%; margin-bottom: 16px; position: absolute; transition: border-color .1s; width: 22px; }
#schedule .square > span + p { left: 0; opacity: 1; transition: left 0s, opacity .25s; }
#schedule .square > span { border-color: #f38285; }
#schedule p { background-color: #ec3e44; left: -9999px; margin: 0; opacity: 0; padding: 7px 15px; position: relative; transition: left 0s ease-in-out .1s, opacity .1s; top: 210px;}
#schedule p > span { display: block; font-weight: 400; }
#schedule p:before { border: 8px solid transparent; border-bottom-color: #ec3e44; bottom: 100%; content: ""; left: 20%; margin-left: 3px; position: absolute; }

#schedule-box p { color: #fff; left: 4.5%; margin: 0; padding:0px; position: absolute;margin-top:20px }
#ada-timeline { display: none; }

#schedule h3 { color: #004b64; display: inline-block;  height: 100px; left: 0; margin-top: -51px; position: absolute; top: 50%; text-align: center; width: 14px; word-wrap: break-word; z-index: 10;}
#schedule h3:nth-of-type(2) { left: 16.6667%; }
#schedule h3:nth-of-type(3) { left: 33.3333%; }
#schedule h3:nth-of-type(4) { left: 50%; }
#schedule h3:nth-of-type(5) { left: 66.6667%; }
#schedule h3:nth-of-type(6) { left: 83.3333%; }
#schedule h3:nth-of-type(7) { left: 100%; }

#schedule .ecpe { left: 4%; width: 14%; }
#schedule .ecpe span,
#schedule .construction span { display: block; font-size: .7em; font-style: italic; font-weight: 400; line-height: 1.2em; margin-top: 3px; opacity: 0; transition: opacity .2s; }
#schedule .final-design { background-color: #1eb0b2; border-bottom: 0; border-top: 13px solid #1eb0b2; left: 18%; width: 13%;}
#schedule .final-design > span { bottom: 22px; display: block; left: 0; padding: 0 18px; position: absolute; width: 100%; }
#schedule .final-design > span > span { display: block; font-size: .7em; font-style: italic; font-weight: 400; line-height: 1.2em; margin-top: 3px; transition: opacity .2s; }
#schedule .construction { left: 31%; width: 52%; }
#schedule .viz-ignore { display: none; }
#schedule .ecpe,
#schedule .construction { border-top-color: #df9f02; }
#schedule .ecpe span,
#schedule .construction span { opacity: 1; }
#schedule .final-design { border-top-color: #1a9b9d; }
#schedule .final-design span { opacity: 1; }

#schedule .item1 { left: 11.5%; }
#schedule .item2 { left: 27.4%; }
#schedule .item3 { left: 39%; }
#schedule .item4 { left: 82%; }

#schedule-box img {width: 85%; margin: 0 auto; display: block; margin-top: 20px;}

#news-right-col { padding: 0; text-align: center; }
#news-right-col h2 { color: #fff; margin: 0 0 28px; }
#news-right-col hr { margin: 40px 0; }
#news-right-col > div { color: #fff; padding: 36px 14%; }
#news-right-col a { color: #fff; font-size: 1.6em; font-weight: 700; }
#news-right-col a span { display: block; font-size: .8em; }
#news-right-col .button { background-color: #00394e; }
#news-right-col .button:hover { background-color: #001b25; }
#news-right-col > #important-documents { background-color: #ec3e44; padding: 36px 6%; }
#news-right-col > #important-documents a { color: #fdb913; text-decoration: underline; }
#news-right-col > #important-documents a:hover { color: #fed162; text-decoration: underline; }
#news-right-col > #important-documents a i { margin-right: 6px; }
#news-right-col > #important-documents p a { font-size: 1em; margin-left: 4px; }


#meeting-materials ul { padding: 0; }
#meeting-materials a { color: #337ab7; font-size: 1.1em; text-align: left; }
#meeting-materials a:hover { color: #135b99; }
#meeting-materials a i { margin-right: 8px; }
#press-releases { background-color: #a6ce39; }
#public-comments { background-color: #fdb913; }
#news-video-container { margin: 44px 0; }

/* Documents Page */
#documents {margin-left:2%}
#documents ul {list-style-type:none;}
#documents ul li {width:95%;border-bottom:1px solid #dedede;padding-bottom:15px;padding-top:15px;margin-bottom:0px;padding-left:15px; }
#documents ul li:hover {background-color:#f2fae6;cursor:pointer;}
#documents ul li:hover a {color:#4d7013;}
#documents ul li:last-child {border-bottom:none;}
#documents ul li a {padding-top:3px;}
#documents ul li a:hover {cursor:pointer;color:#4d7013;}
#documents ul li img {height:20px;margin-right:10px;}
#documents ul li a span {font-style:italic;}

/* Footer */
.footer { background-color: #00394e; color: #fff; padding: 28px 0 0; }
.footer .row > div { padding: 0 2.5% 20px; }
.footer img { height: 82px; margin: 5px 10px; }
.footer .row:nth-of-type(3) img { height: 40px; margin: 4px 10px; }
.footer .row > .footer-contact { color: #1eb0b2; line-height: 1.3em; padding: 30px 0 0 50px; position: relative; }
.footer .row > .footer-contact:last-of-type { padding-right: 3.5%;}
.footer-contact:nth-of-type(2) > div { padding-right: 40px; }
#footeremail {margin-left:18%;}
.footer-contact > div { display: block; position: relative; }
.footer .footer-contact img { height: 30px; left: -40px; margin: 0; position: absolute; top: -3px; }
.footer .footer-contact img[src*="Phone"] { height: 24px; left: -44px; top: -3px; }
.footer .footer-contact img[src*="Email"] { height: 22px; left: -45px; top: -2px; }
.footer-contact a { color: #1eb0b2; word-wrap: break-word; }
.footer-contact a:hover { color: #09888a; }
.footer-menu ul { list-style-type: none; padding-left: 24px; }
.footer-menu a { color: #fff; display: block; font-size: .9em; font-weight: 700; line-height: 1.2em; margin-bottom: 18px; padding: 3px 0 2px; position: relative; }
.footer-menu a span { position: relative; }
.footer-menu a:hover { color: #1eb0b2; }
.footer-menu a:before { border: 7px solid transparent; border-left-color: #1eb0b2; content: ""; left: -14px; position: absolute; top: 4px; }

.footer .row > .col-md-8 p { font-size: 1.1em; }
.footer .social-media { margin: 0; text-align: right; }
.footer .social-media p { color: #1eb0b2; display: inline-block; margin: 0 14px; vertical-align: middle; }
.footer .social-media li { margin: 0; vertical-align: middle; }
.footer .social-media li a { color: #fdb913; }
.footer .social-media li a:hover { color: #c78f05; }
.footer-bottom { background-color: #002437; color: #1eb0b2; margin-top: 14px; padding: 22px 14px 26px; text-align: center; }
.footer .footer-bottom > div { padding: 0; }

img.mem-logo {padding-bottom: 26px; height: 78px!important;}

#thankyou { background-color: #1eb0b2; color: #fff; left: 25%; padding: 22px 20px; position: fixed; text-align: center; top: -600px; transition: top .9s; width: 50%; }
#thankyou span { cursor: pointer; font-size: 1.4em; line-height: .6em; padding: 8px; position: absolute; right: 0; top: 0; }
#thankyou.showing { top: 100px; }

.resp-container {position: relative; overflow: hidden; padding-top: 56.25%; }
.resp-iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }


/*********************************************/
/****** Media Queries ************************/
/*********************************************/
/* Add more queries as needed; 992px is the column breakpoint for "medium"  columns in Bootstrap */

@media screen and (min-width: 1900px) {
    /* #circle-area { height: 520px; width: 520px; } */
    #map-row { height: 650px; }
    #timeline-row .col-md-4 { height: 2000px; }

}

@media screen and (min-width: 1670px) {
    p, li { font-size: 1.4em; }
    a.button { font-size: 1.3em; }
    #homepage-header-image { height: 540px; }
    #homepage-header-image img { margin-bottom: 0%; }
    #homepage-top-row .col-md-4 { height: 534px; margin-bottom: -140px; top: -140px; }
    #homepage-top-row .col-md-4 img { width: 90%; }
    #menu li a { font-size: 1.2em; }

    #event-content { position: static; }
    #event-content .col-md-6:first-of-type { position: relative; }
    #video-container { position: static; width: 100%; }
    #news-right-col > #meeting-materials li { font-size: 1.2em; }

    #event-top-row { background-color: #a6ce39; }
    #timeline-row .col-md-4 { height: 1700px; }
    #contact-email { font-size: 1.3em; }
    #crmWebToEntityForm input[type="text"] { font-size: 1.2em; } 
    #crmWebToEntityForm textarea { font-size: 1.2em; height: 140px; }
    #crmWebToEntityForm input[type="submit"] { font-size: 1.3em !important; }
    #send-comment #crmWebToEntityForm input[type="submit"],
    #request-speaker #crmWebToEntityForm input[type="submit"] { border-radius: 22px; height: 44px !important; padding: 0 28px; }
    #circle-area { height: 380px; width: 380px; }
    #schedule div { font-size: 1.5em; }
    .icon-squares > div p { font-size: 1.3em !important; }
    #schedule h3 { font-size: 2.1em; margin-top: -59px; }
    #schedule .square > span { height: 28px; margin-bottom: 12px; margin-left: -8px; width: 28px; }

    .footer-contact { font-size: 1.3em; }
}


@media screen and (max-width: 1460px) {
    .header > div { padding: 0 18px; }
    .header .col-md-2 { width: 16%; }
    .header .col-md-8 { width: 68%; }
    #menu li a { font-size: 1.3em; margin: 0 15px; }
    .social-media a { font-size: 2em; margin: 0 10px; }

    .row > div.pad-more { padding: 30px 4%; }
    #homepage-header-image { height: 420px; }
    #homepage-header-image > div { bottom: -8%; }
    #homepage-top-row .col-md-4 { font-size: 1.1em; height: 450px; }
    #homepage-top-row .col-md-4 img {width: 84%; margin: 0 auto; display: block; padding-top: 40px; }

    #map-row img.legend { width: 168px; }

    .icon-squares .col-md-4 p { font-size: 1.2em; line-height: 1.2em; }
    .icon-squares .col-md-4 p span { width: 76%; }

    .slider { padding-bottom: 76px !important; }
    .slider > .slider-menu { margin-top: -48px; }
    .slider .slider-menu a { height: 16px; width: 16px; }
    .slider .arrow { left: 14px; }
    .slider .arrow.right { right: 12px; }
    #system-goals h2 { margin-bottom: 26px; }
    #system-goals img { height: 148px; }
    .goal { font-size: .8em; }

    #timeline-row .col-md-4 { height: 1700px; }
    #timeline-row .col-md-4 li img { height: 64px; }
    /* #design-funding #circle-graph img { height: 240px; width: 240px; } */
    #schedule .square > span { margin-left: -14px; }
    #schedule .square > span:hover + p { left: -14px; }
    #schedule div { font-size: 1em; padding: 12px 20px; }
    #schedule .item4 { left: 84%; }
    #event-details { background-color: #ac2a33}
    #event-bottom-row .col-md-6:first-of-type p { font-size: 1em; line-height: 1.3em; }
    #contact-social-media .col-md-4 a { font-size: 4.8em; height: 150px; line-height: 150px; }
    #contact-page #email-subscription { padding-top: 26px; }
    #crmWebToEntityForm input[type="text"] { height: 40px; }
    #crmWebToEntityForm input[type="submit"] { height: 40px; }

    #news-right-col > div h2 { font-size: 2.2em; line-height: 1.2em; }

    .footer img { height: 62px; margin: 5px 10px; }
    .footer .row > .footer-contact { padding-top: 13px; }
    .footer .footer-contact img { margin-top: -2px; }
    
}

@media screen and (max-width: 1340px) {
    .social-media a { font-size: 2em; }
    #event-top-row .col-md-6 h2 { padding-bottom: 8px; }
    #event-top-row a.button { font-size: .9em; padding: 4px 18px; }
    .footer-contact:nth-of-type(2) { width: 33%; }
    .footer-contact:nth-of-type(3),
    .footer-contact:nth-of-type(4) { margin-bottom: 18px; padding-right: 0 !important; text-align: left !important; width: 30%; }
    .footer .row > .footer-contact:nth-of-type(3) { text-align: left !important; }
    .footer-contact > div {margin-left:0;}
    .footer .row > .footer-contact {padding-left:0px;}
    img.mem-logo {padding-bottom: 26px; height: 75px!important;}
    #event-top-row, #event-bottom-row { height: 307px; }
}

@media screen and (max-width: 1160px) {
    .header { padding: 22px 10px 0; }
    .header .col-md-2:first-of-type { text-align: center; width: 100%; }
    .header .col-md-2 img { height: 54px; }
    .header .col-md-2:last-of-type { text-align: center; width: 24%; }
    .header .col-md-8 { width: 76%; }
    #menu { padding: 0; }
    #menu li a { font-size: 1.1em; margin: 0 6px; }
    .social-media { padding: 0; }
    .social-media li a { font-size: 1.7em;}
    #homepage-top-row .col-md-4 { font-size: 1.1em; height: 414px; }
    #homepage-top-row .col-md-4 h2 { font-size: 1.8em; }
    #homepage-top-row .col-md-4 img {width: 94%; margin: 0 auto; display: block; }

    #map-row img.legend { width: 144px; }

    .icon-squares .col-md-4 p { font-size: 1.1em; line-height: 1.1em; }
    #timeline-row .col-md-4 { height: 1440px; }

    h2 { font-size: 2em; }
    h3 { font-size: 1.6em; }
    p { font-size: 1.06em; }
    a.button { font-size: .9em;}

    #homepage-header-image { height: 360px; }
    #homepage-header-image > div { bottom: -6%; }
    #map-row .col-md-4 p { font-size: 1.2em; width: 85%; }
    #schedule { height: 380px; }
    #schedule h3 { font-size: 1.3em; margin-top: -39px; }
    #schedule .square > span { height: 17px; width: 17px; }
    #schedule .ecpe span,
    #schedule .construction span,
    #schedule .final-design > span > span { font-size: .9em; }
    #schedule div { font-size: .8em; padding: 9px 14px; }
    #event-details > div p { font-size: .9em; line-height: 1.3em; }
    #contact-page #email-subscription { padding-top: 16px; }
    #crmWebToEntityForm input[type="text"] { height: 34px; }
    #crmWebToEntityForm input[type="submit"] { font-size: .95em !important; height: 34px;  }

    #circle-area { height: 280px; width: 280px; }

    #event-bottom-row .col-md-6:first-of-type p { font-size: .9em; line-height: 1.2em; }
    .new-item img { width: 260px; }
    .new-item h3 { font-size: 1.3em; }
    #contact-email { font-size: .9em; }
    #contact-social-media .col-md-4 a { font-size: 3.6em; height: 130px; line-height: 130px; }

    #faqs .accordion-header { font-size: 1.3em; }
    #news-right-col > #important-documents a { font-size: 1.4em; }
    #news-right-col > div h2 { font-size: 1.9em; }
    #news-right-col > #meeting-materials a { font-size: .9em; }

    #event-top-row { height: 260px; }

    .footer img { height: 48px; }
    .footer .row:nth-of-type(3) img { height: 32px; margin: 0 10px; }
    .footer .row > .footer-contact { font-size: .85em; padding: 14px 0 0 0px; }
    .footer-menu a { margin-bottom: 10px; }
    .footer .footer-contact img { height: 24px; margin-top: -2px;}
    .footer .footer-contact img[src*="Phone"] { height: 20px; }
    .footer .footer-contact img[src*="Email"] { height: 18px; }
    .footer .row > .col-md-8 p { font-size: .95em; }
    .footer-bottom { padding: 16px 14px 18px; }
}

@media screen and (max-width: 992px) {
     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: .9em; line-height: 1.3em; }
     .button { font-size: .9em; border-radius: 14px; padding: 6px 14px 5px; }
     table tr { font-size: .8em; padding: 2px; }
     .row > div { padding: 30px 4%; }
     .header > div { padding: 0 18px; }

     #homepage-header-image { height: 320px; }
     #homepage-top-row .col-md-4 {display: none; }

     /* #homepage-top-row .col-md-4 { height: auto; margin-bottom: 0; top: 0; } */
     /* #homepage-top-row .col-md-4 h2 { font-size: 1.3em; } */
     #homepage-top-row { border-bottom: 1px solid #1eb0bc; }

     .icon-squares > div { float: left; padding: 0; width: 33%; }
     .icon-squares > div p span { width: 68%; }

     #event-content { position: static; }
     #video-container { position: static; margin: 14px auto 28px; width: 50%; }
 
     #map-row { height: auto; }
     #map-row .col-md-4 { height: auto; padding: 28px 18px; text-align: center; }
     #map-row .col-md-5 { width: 99%; }
     #map-area > span { display: block; }
     #map-row #map-area { height: auto; }
     #map-row #map-area img { height: auto; width: 100%; }
     #timeline-row .col-md-4 { height: auto!important; padding: 30px 24%; }
     #timeline-row .col-md-4 h3 { font-size: 1.2em;}
     #timeline-row .col-md-4 ul { margin: 28px auto 18px; width: 50%; }
     #schedule-box:after { left: 15%; width: 70%; }
     #schedule { height: 280px; }
     #design-funding { height: auto !important; padding: 0px 18px 28px !important; text-align: center; }
     #crmWebToEntityForm tr:last-of-type { position: static; text-align: center; width: 100% !important; }
     #crmWebToEntityForm tr:last-of-type td { text-align: center !important; }
     #crmWebToEntityForm input[type="submit"] { border-radius: 22px; }
    
     #event-details { margin-top: 28px; }
     #event-details > div { float: left; width: 33.3333%; }
     #event-details > div p { font-size: 1.1em; }
     #feedback-important { padding-bottom: 20px; }
     #feedback-important { min-height: 100px; }

     #event-top-row { height: auto; }

     #key-docs { font-size: .8em; padding: 24px 8%; }
     #key-docs a { padding: 12px; }
     #key-docs.press-releases { padding: 18px 5% 40px; }
     #key-docs.press-releases a { padding: 26px 12px; }

     #find-us-online h2 { margin: 0; padding-top: 20px; }
     #contact-social-media .col-md-4 { float: left; width: 33.33333%; }
     .footer-contact > div {display:inline-block;}
     .footer { padding-top: 12px; }
     .footer .row > div { float: left; padding: 0 4%; }
     .footer .row:first-of-type .col-md-4:first-of-type { text-align: center; width: 100%; }
     .footer .row:nth-of-type(3) { margin: 13px 0 19px; }
     .footer .row:nth-of-type(3) > div { width: 40%; }
     .footer .row:nth-of-type(3) > div:last-of-type { width: 60%; }
     .footer img { height: 30px; }
     .footer .row > .footer-contact { margin-left: 6%; padding: 18px 0 0; text-align: center; width: 46%; }
     .footer .footer-contact img { display: block; margin: 0 auto 6px; position: static; }
     .footer .footer-contact:nth-of-type(3) { width: 18%; }
     .footer .footer-contact:last-of-type { margin-left: 0; margin-right: 3%; text-align: left; width: 44%; }
     .footer .row:nth-of-type(2) > .col-md-8 p { font-size: .9em; margin: 12px 0 7px; }
     .footer-menu { margin: 10px 5% 0 12%; width: 28%; }
     .footer-menu a:before { border-width: 6px; }
     .footer .social-media { text-align: center; }
     .footer-bottom { font-size: .9em; margin-top: 0; padding: 9px; text-align: center; }
     .footer .footer-bottom > div { float: none; }

     #modal-window > span > span { font-size: 1.8em; padding: 8px; }
     #modal-window > div { font-size: .9em; max-height: 85%; padding: 8px 10px; width: 90%; }
     #modal-window.showing > div { margin-top: 34px;  }
}

@media screen and (max-width: 850px) {
    #homepage-header-image { height: 250px; }
    #homepage-header-image > div { bottom: -3%; }
    #map-row #map-area img { width: 100%; }

    #schedule { height: auto; margin-top: 14px; }
    #schedule:before,
    #schedule p:before,
    #schedule .square > span { display: none; }
    #schedule h3 { height: auto; position: static; margin: 18px 0; width: 100%; }
    #schedule div { border-top-width: 0; position: static; width: 100% !important; }
    #schedule .final-design { border: 0; }
    #schedule .final-design > span { position: static; }
    #schedule span { display: block; font-weight: 400;  }
    #schedule .square { margin: 0; position: static; }
    #schedule .ecpe span,
    #schedule .construction span,
    #schedule .final-design > span > span { font-style: normal; font-size: 1em;opacity: 1; }
    #schedule p { opacity: 1; position: static; }
    #schedule .viz-ignore { display: block; }
    #news-right-col a { font-size: 1.1em;}

    .footer .footer-contact { margin: 0 !important; padding: 18px 0 !important; width: 100% !important; text-align: center !important; }
    .footer-contact:nth-of-type(2) > div { padding: 0; }
    .footer .row > .footer-contact:nth-of-type(3) { text-align: center !important; }
    .footer .footer-contact:last-of-type { width: 100% !important; }
    img.mem-logo {padding-bottom: 22px; height: 67px!important;}

}


@media screen and (max-width: 756px) {
    .header { padding: 14px 8px 2px; }
    .header .col-md-2 img { height: 44px; margin-bottom: 2px; }
    .header div { margin: 3px 0; width: 100% !important; }
    .social-media { margin: 0; }
    #homepage-header-image { height: 250px; }
    #homepage-header-image > div { left: -40%; bottom: -8%; }
    #homepage-header-image > div img { width: 110%; }

    #video-container { width: 86%; }
    
    .icon-squares > div p { font-size: .85em; }
    .icon-squares > div p span { width: 88%; }
    .slider .slider-menu a { height: 14px; width: 14px; }
    .slider  .arrow { border-width: 12px; left: 8px; }
    .slider  .arrow.right { right: 6px; }
    #timeline-row .col-md-4 { height: auto; padding: 30px 7%; }
    #timeline-row .col-md-8 > div { padding: 5px 6% 16px; }
    #system-goals { padding: 12px 4% 60px !important;  }
    #system-goals img { height: 100px; }
    #timeline-row .col-md-4 ul { margin: 28px auto 18px; width: 70%; }
    #event-details > div p { font-size: .9em; }

    #circle-area > p span { opacity: 1; left: 50%; margin-left: -45px; padding: 2px 8px 1px; width: 90px; }
    #circle-area > p:nth-of-type(2) span { top: 50%; }
    #circle-area > p:nth-of-type(4) span { top: 40%; }
    #design-funding .col-md-12 div { border: 1px solid #429d3f; overflow: auto; padding: 18px 14px; }
    #design-funding .col-md-12 div img { width: 140%; }

    .footer .social-media p { display: block; margin: -8px 0 3px 0; }

    #thankyou { left: 10%; width: 80%; }
    #thankyou.showing { top: 40px; }
    #footeremail {
        margin-left: 0;
    }
}

@media screen and (max-width: 584px) {
    .row > div,
    .row > div.pad-more { padding: 10px 5% 22px; }
    .header > div { padding: 0 18px; }
    #homepage-header-image { height: 170px; }
    #homepage-header-image > div { left: -40%; bottom: -22%; }
    #homepage-header-image > div img { width: 110%; }

    .icon-squares > div { padding: 0; width: 33%; }
    #map-row .col-md-5 { padding-top: 20px; }
    #map-row #map-area { height: 360px !important; overflow: auto; position: relative; }
    #map-area > span,
    #map-area > div { display: none !important; }
    #map-row #map-area img { max-width: 800%; width: 1100px; }
    #map-row img.legend { display: block; margin: 8px auto; position: static; width: 188px; }
    #map-area img.zoomed { display: none; }
    /* #design-funding #circle-graph img { height: 160px; width: 160px; } */
    .slider > div > div  { width: 300%; }
    .goal { margin: 8px 0;  width: 100%; }
    #system-goals img { height: 60px; }
    #system-goals h3 { margin: 7px 0 0; }
    #system-goals p { margin-top: 6px 18px 0; }
    #timeline-row .col-md-4 ul { margin: 28px auto 18px; width: 100%; }

    #schedule-box p { color: #000; font-size: .85em; position: static; }

    #event-details > div { padding: 20px 0 4px; width: 100%; }
    #event-details > div img { height: 40px; left: 0; opacity: 1; width: auto; }
    #event-details > div p { display: inline-block; opacity: 1; position: static; }

    #email-subscription { padding: 14px 20px;}
    #email-subscription input[type="text"] { margin: 0 0 0; padding: 0 10px; width: 100%; }
    .new-item span { font-size: .9em; }
    .new-item h3 { font-size: 1.1em; }
    #in-the-news a { left: -5px; }
    #in-the-news a.right { left: auto; right: -7px; }
    #contact-email { margin: 18px; }
    #contact-email img { margin-bottom: 4px; width: 26px; }
    #contact-email a { word-wrap: break-word; }
    #contact-social-media .col-md-4 a { font-size: 2.4em; height: 80px; line-height: 80px; }
    #circle-area { height: 230px; width: 230px; }
    #circle-area > p:first-of-type span { left: 30%; top: 80%; }
    #design-funding .col-md-12 div img { width: 210%; }
    #email-subscription { background: #fff; }

    .footer img { height: 28px; margin: 5px 14px; }
    .footer .row:nth-of-type(3) > div { text-align: center; width: 100% !important; }
    
    .footer .footer-contact img { display: block; height: 15px !important; margin: 0 auto 4px; position: static; }
    .footer .row > .col-md-8 p { font-size: .8em; }
    .footer-contact { margin: 0 auto; width: 94%; }
    .footer-contact a { display: block; margin: 0 auto; width: 80%; }
    .footer-menu a:before { left: -9%; }
    .footer-menu a:hover:before { width: 109%; }
    .footer-menu { margin: 6px 0 0 3%; width: 46%; }
    .footer .social-media { margin: 16px 0 0; }
    .footer .social-media p { display: block; margin: 0 0 3px 0; }
    
     #modal-window .row > div { width: 100%; }
     #modal-window .row > .col-md-4 { display: none; }
     #trnaslatewidget {
        text-align: center;
        margin-left: 30%;
     }
}

@media screen and (max-width: 338px) {
    #homepage-header-image { height: 180px; }
    #timeline-row .col-md-4 li img { height: 46px; }
    #homepage-header-image { height: 140px; }
    #homepage-header-image > div { left: -50%; bottom: 0%; }
    #homepage-header-image > div img { width: 120%; }
    
    .footer { font-size: .9em; }
    .footer-menu a:before { left: -14%; }
    .footer-menu a:hover:before { width: 114%; }
    .footer-menu { margin: 18px 0 0 0; width: 46%; }
    .footer-menu ul { padding-left: 20px; }
    .footer-menu a { margin-bottom: 14px; }
    .footer p { line-height: 1.1em; }
    .footer .social-media { text-align: center; }
    .footer .social-media p { display: block; margin-bottom: 4px; }
    .footer-bottom { font-size: .8em; }
  
}

/* Add if printing is necessary */
@media print {

}