#top { padding-top: 304px; background-image: url(/img/section/top.jpg); height: 670px; }
@media (max-width: 940px) { #top { height: 295px; padding-top: 114px; } }
#top .logo { display: block; width: 505px; max-width: 95%; margin-left: auto; margin-right: auto; }

#title { background-color: white; }
#title h4 { font-size: 12px; }
#title h1, #title p { color: #364348; }
#title h1 { margin-bottom: 28px; }
#title .credit { margin-top: 20px; font-family: "Noto Serif", Georgia, serif; font-style: italic; font-size: 12px; font-style: italic; color: #ef4023; }

#schedule { background-color: #3499b7; background-image: url(/img/section/speakers.jpg); padding-bottom: 0; }
#schedule h1 { text-transform: none; margin-bottom: 0; }
#schedule .grid { margin-top: 42px; }
#schedule .grid > div { width: 31.91489%; float: left; margin-right: 2.12766%; display: inline; margin-right: -100%; margin-bottom: 65px; }
#schedule .grid > div:nth-child(3n + 1) { margin-left: 0%; clear: left; }
#schedule .grid > div:nth-child(3n + 2) { margin-left: 34.04255%; clear: none; }
#schedule .grid > div:nth-child(3n + 3) { margin-left: 68.08511%; clear: none; }
@media (max-width: 940px) { #schedule .grid > div { float: none; width: auto; margin-right: auto; } }
#schedule h4 { background: -webkit-gradient(linear, 50% 0%, 50% 2, color-stop(50%, #0e375e), color-stop(100%, #0e375e)); background: -webkit-linear-gradient(#0e375e 1px, #0e375e 2px); background: -moz-linear-gradient(#0e375e 1px, #0e375e 2px); background: -o-linear-gradient(#0e375e 1px, #0e375e 2px); background: linear-gradient(#0e375e 1px, #0e375e 2px); background-size: 20px 2px; background-position: 50% 100%; background-repeat: no-repeat; font-size: 16px; margin-bottom: 15px; }
#schedule p { margin: 0 auto; font-size: 12px; width: 80%; }
#schedule li { font-size: 12px; white-space: nowrap; }
#schedule .button { margin-top: 20px; padding: 8px 20px; }
#schedule form ::-webkit-input-placeholder { color: rgba(14, 55, 94, 0.5); }
#schedule form :-moz-placeholder { color: rgba(14, 55, 94, 0.5); }
#schedule form ::-moz-placeholder { color: rgba(14, 55, 94, 0.5); }
#schedule form :-ms-input-placeholder { color: rgba(14, 55, 94, 0.5); }
#schedule form input[type=email] { width: 80%; text-align: center; font-size: 12px; margin: 15px 0; border-color: #3499b7; }

#speakers-intro { background-color: white; }
#speakers-intro h1 { margin-bottom: 26px; }

#speakers { background-image: url(/img/section/speakers.jpg); background-color: #3499b7; }
#speakers .speaker { margin-bottom: 40px; width: 14.89362%; float: left; margin-right: 2.12766%; display: inline; margin-right: -100%; }
#speakers .speaker.last-row { margin-bottom: 0; }
#speakers .speaker:nth-child(6n + 1) { margin-left: 0%; clear: left; }
#speakers .speaker:nth-child(6n + 2) { margin-left: 17.02128%; clear: none; }
#speakers .speaker:nth-child(6n + 3) { margin-left: 34.04255%; clear: none; }
#speakers .speaker:nth-child(6n + 4) { margin-left: 51.06383%; clear: none; }
#speakers .speaker:nth-child(6n + 5) { margin-left: 68.08511%; clear: none; }
#speakers .speaker:nth-child(6n + 6) { margin-left: 85.10638%; clear: none; }
@media (max-width: 940px) { #speakers .speaker { width: 47.82609%; float: left; margin-right: 4.34783%; margin-right: -100%; margin-bottom: 10px !important; }
  #speakers .speaker:nth-child(2n + 1) { margin-left: 0%; clear: left; }
  #speakers .speaker:nth-child(2n + 2) { margin-left: 52.17391%; clear: none; }
  #speakers .speaker .tags { display: none; } }
#speakers .speaker .name { width: 90%; font-size: 15px; margin-left: auto; margin-right: auto; text-align: center; text-transform: uppercase; color: white; }
#speakers .speaker .tags { width: 95%; font-size: 10px; line-height: 16px; color: #0e375e; }
#speakers .grid { padding-top: 20px; background: -webkit-gradient(linear, 0% 50%, 2 50%, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background: linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background-size: 17.02128%; background-position: -2px 0; padding-bottom: 20px; }
@media (max-width: 940px) { #speakers .grid { background: -webkit-gradient(linear, 0% 50%, 2 50%, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, transparent)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background: linear-gradient(left, rgba(255, 255, 255, 0.2) 1px, transparent 2px); background-size: 52.17391%; background-position: -2px 0; } }

#twitter { background-color: #eef4f6; }
#twitter h4 { font-size: 16px; background-image: none; padding-bottom: 0; margin-bottom: 4px; }
#twitter .quotes-glyph { margin-bottom: 18px; }
#twitter .tweet { font-family: "museo-slab", "Museo Slab", "Museo", "Noto Sans", sans-serif; font-size: 36px; line-height: 56px; }

#roadshow { background-image: url(/img/section/roadshow.jpg); }
#roadshow p { margin-left: 8.51064%; margin-right: 8.51064%; font-size: 16px; line-height: 26px; }
#roadshow h1 { margin-bottom: 20px; }
#roadshow a { margin-top: 40px; }
#roadshow form { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; width: 100%; }
#roadshow form input { display: block; margin: 25px auto; }
#roadshow form ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.75); }
#roadshow form :-moz-placeholder { color: rgba(255, 255, 255, 0.75); }
#roadshow form ::-moz-placeholder { color: rgba(255, 255, 255, 0.75); }
#roadshow form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.75); }
#roadshow form input[type=email] { color: white; text-align: center; border-color: black; }
#roadshow form input[type=submit] { background-color: white; color: #ef4023; }
#roadshow form input[type=submit]:active, #roadshow form input[type=submit]:hover { background-color: white; color: rgba(239, 64, 35, 0.4); }

#blog { background-color: #eef4f6; }
#blog h1 { margin-bottom: 40px; }
#blog .post { margin-left: 8.51064%; margin-right: 8.51064%; }
#blog .post .head { margin-bottom: 5px; overflow: hidden; }
#blog .post .date { font-family: "Noto Serif", Georgia, serif; font-style: italic; font-style: italic; font-size: 12px; color: #aeaeae; margin-bottom: 10px; font-size: 16px; }
#blog .post .title { font-size: 26px; line-height: 40px; color: #0e375e; margin-bottom: 10px; }

#education { background-image: url(/img/section/education.jpg); }
#education .button { margin-top: 60px; }
#education .slides { margin-top: 40px; width: 100%; height: 200px; }
#education .slides div { width: 100%; padding: 0 10%; margin: auto; }
#education .slides div h2 { font-family: "museo-slab", "Museo Slab", "Museo", "Noto Sans", sans-serif; font-size: 36px; line-height: 42px; }
#education .slides div .credit { font-size: 12px; }

#portland-hero { overflow: hidden; position: relative; }
#portland-hero img { display: block; width: 100%; }
#portland-hero a { text-decoration: none; -webkit-border-radius: 3px 3px 0 3px; -moz-border-radius: 3px 3px 0 3px; -ms-border-radius: 3px 3px 0 3px; -o-border-radius: 3px 3px 0 3px; border-radius: 3px 3px 0 3px; position: absolute; display: inline-block; background-color: white; padding: 10px 15px; font-size: 12px; color: #04ba76; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; }
#portland-hero a:after { content: ' '; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent white transparent transparent; position: absolute; bottom: -20px; right: 0; }
#portland-hero a:hover { margin-bottom: 2px !important; }
#portland-hero a.hide { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; margin-bottom: 500px; }
#portland-hero a.show { -webkit-transition: all 0.75s cubic-bezier(0.02, 0.71, 0.2, 1.195); -moz-transition: all 0.75s cubic-bezier(0.02, 0.71, 0.2, 1.195); -o-transition: all 0.75s cubic-bezier(0.02, 0.71, 0.2, 1.195); transition: all 0.75s cubic-bezier(0.02, 0.71, 0.2, 1.195); margin-bottom: 0; }

#portland-about { background-color: #04ba76; }
#portland-about h1 { margin-bottom: 30px; }
#portland-about p { width: 80%; letter-spacing: 1px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 30px; }

#portland-stay h1 { font-size: 36px; }
#portland-stay h4 { margin-bottom: 10px; }
#portland-stay p { margin-left: 17.02128%; width: 65.95745%; float: left; margin-right: 2.12766%; display: inline; font-size: 12px; line-height: 22px; }

#conference-hero { height: 500px; background-image: url(/img/section/conference-hero.jpg); }

#conference-statement { background-color: #eef4f6; }
#conference-statement h4 { font-size: 16px; }
#conference-statement p { font-family: "museo-slab", "Museo Slab", "Museo", "Noto Sans", sans-serif; font-size: 36px; line-height: 56px; }

#conference-details .column { width: 31.91489%; float: left; margin-right: 2.12766%; display: inline; padding-right: 40px; text-align: left; }
#conference-details .column:last-child { float: right; margin-right: 0; *margin-left: -20px; display: inline; padding: 0; }
@media (max-width: 940px) { #conference-details .column { float: none; width: auto; margin-right: auto; display: block !important; float: none !important; padding-left: 0; padding-right: 0; margin-bottom: 30px; text-align: center; } }
#conference-details .column h2 { font-size: 26px; margin-bottom: 20px; }
#conference-details .column p, #conference-details .column li { font-size: 12px; line-height: 20px; }
#conference-details .board li { white-space: nowrap; }

#cta { padding: 0; height: 148px; overflow: hidden; }
#cta a { display: inline-block; padding-top: 48px; height: 100%; width: 50%; float: left; background-color: #04ba76; }
#cta a:nth-child(2) { float: right; margin-right: 0; *margin-left: -20px; display: inline; border-left: 4px solid #eef4f6; }
#cta a:hover, #cta a:active { background-color: #00d88d; text-decoration: none; }
#cta a p { font-family: "museo-slab", "Museo Slab", "Museo", "Noto Sans", sans-serif; color: white; font-size: 36px; }
@media (max-width: 940px) { #cta a p { font-size: 24px; } }
#cta a .subtitle { margin-top: 10px; font-family: "Noto Sans", Helvetica, sans-serif; color: #0d2b35; font-size: 12px; }