/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

body { font-family: 'Montserrat', sans-serif; font-size: 16px; background: #f5f7f6; }

.row { width: 100%; }

.row::after { clear: both; content: ""; display: block; }

.row.collapse { margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); }

.medium-3 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-3 { width: calc(25% - 37.5px); float: left; margin-left: 30px; } }

.medium-2 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-2 { width: calc(16.6666666667% - 35px); float: left; margin-left: 30px; } }

.medium-1 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-1 { width: calc(8.3333333333% - 32.5px); float: left; margin-left: 30px; } }

.medium-4 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-4 { width: calc(33.3333333333% - 40px); float: left; margin-left: 30px; } }

.medium-5 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-5 { width: calc(41.6666666667% - 42.5px); float: left; margin-left: 30px; } }

.medium-6 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-6 { width: calc(50% - 45px); float: left; margin-left: 30px; } }

.medium-7 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-7 { width: calc(58.3333333333% - 47.5px); float: left; margin-left: 30px; } }

.medium-8 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-8 { width: calc(66.6666666667% - 50px); float: left; margin-left: 30px; } }

.medium-9 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-9 { width: calc(75% - 52.5px); float: left; margin-left: 30px; } }

.medium-11 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-11 { width: calc(91.6666666667% - 57.5px); float: left; margin-left: 30px; } }

.medium-12 { width: calc(100% - 60px); float: left; margin-left: 30px; }

@media (min-width: 768px) { .medium-12 { width: calc(100% - 60px); float: left; margin-left: 30px; } }

@media (min-width: 1024px) { .large-2 { width: calc(16.6666666667% - 35px); float: left; margin-left: 30px; } }

@media (min-width: 1024px) { .large-6 { width: calc(50% - 45px); float: left; margin-left: 30px; } }

@media (min-width: 1024px) { .large-4 { width: calc(33.3333333333% - 40px); float: left; margin-left: 30px; } }

@media (min-width: 1024px) { .large-3 { width: calc(25% - 37.5px); float: left; margin-left: 30px; } }

h1, h2, h3, h4, h5 { font-weight: bold; margin-bottom: 1em; }

h1 { font-size: 1.75rem; }

@media (min-width: 768px) { h1 { font-size: 2.5rem; } }

h2 { z-index: 2; color: #fff; position: relative; font-weight: bold; font-size: 1.5rem; margin-bottom: 3rem; }

@media (min-width: 768px) { h2 { font-size: 2rem; margin-bottom: 4rem; } }

h2:before { content: ''; position: absolute; background: url("/assets/title-bg.png") center no-repeat; background-size: contain; z-index: -1; top: -25px; left: -75px; width: 250px; height: 80px; }

@media (min-width: 768px) { h2:before { top: -25px; left: -75px; width: 294px; height: 94px; } }

h2.accent { color: #000; }

h2.accent:before { background: url("/assets/title-bg-yellow.png") center no-repeat; background-size: contain; }

h3 { font-size: 1.25rem; }

@media (min-width: 768px) { h3 { font-size: 1.75rem; } }

.speakers { margin-left: -80px; margin-right: -80px; width: calc(100% + 160px); }

.speakers::after { clear: both; content: ""; display: block; }

.speakers .speaker { width: calc(100% - 160px); float: left; margin-left: 80px; text-align: center; margin-bottom: 2rem; }

@media (min-width: 1024px) { .speakers .speaker { width: calc(25% - 100px); float: left; margin-left: 80px; } }

.speakers-3 { margin-left: -80px; margin-right: -80px; width: calc(100% + 160px); }

.speakers-3::after { clear: both; content: ""; display: block; }

.speakers-3 .speaker { width: calc(100% - 160px); float: left; margin-left: 80px; text-align: center; margin-bottom: 2rem; }

@media (min-width: 1024px) { .speakers-3 .speaker { width: calc(33.3333333333% - 106.6666666667px); float: left; margin-left: 80px; } }

.avatar-wrapper { text-align: center; text-decoration: none; color: #000; margin-bottom: 1rem; max-width: 232px; display: block; margin: 0 auto; width: 100%; }

@media (min-width: 768px) { .avatar-wrapper { max-width: 240px; margin-bottom: 2rem; } }

.avatar-wrapper h5, .avatar-wrapper h6 { margin-bottom: 0.5em; font-size: 1rem; }

@media (min-width: 768px) { .avatar-wrapper h5, .avatar-wrapper h6 { font-size: 1.3125rem; } }

.avatar-wrapper img { border-radius: 99em; margin-bottom: 1rem; }

.avatar { text-align: center; }

.speakers-rows { display: flex; flex-direction: column; }

@media (min-width: 768px) { .speakers-rows .avatar-wrapper { margin-right: 4rem; } }

.speakers-rows .speaker-row-item { display: flex; align-items: center; flex-direction: column; justify-content: flex-start; }

@media (min-width: 768px) { .speakers-rows .speaker-row-item { flex-direction: row; } }

.speakers-rows .speaker-row-item .right { padding-bottom: 8rem; flex: 1; text-align: center; }

@media (min-width: 768px) { .speakers-rows .speaker-row-item .right { text-align: left; } }

#partners { background: linear-gradient(180deg, #f5f7f6, #fff 100px); }

#partners h6 { font-size: 1.25rem; }

#partners .mobile-title { display: block; margin-bottom: 1rem; }

@media (min-width: 768px) { #partners .mobile-title { display: none; } }

.partners { display: flex; align-items: flex-start; flex-wrap: wrap; }

@media (max-width: 767px) { .partners { width: calc(100% + 20px); margin-left: -20px; } }

.partners .partner { margin-bottom: 10px; margin-left: 20px; }

@media (min-width: 768px) { .partners .partner { margin-left: 30px; } }

.partners .partner.orange { width: 55px; }

@media (max-width: 767px) { .partners .partner.orange { width: 40px; } }

.partners .partner.usaid { width: 160px; }

@media (max-width: 767px) { .partners .partner.usaid { width: 125px; } }

.partners .partner.sweden { width: 160px; }

@media (max-width: 767px) { .partners .partner.sweden { width: 120px; } }

.partners .partner.mitp { width: 60px; }

@media (max-width: 767px) { .partners .partner.mitp { width: 60px; } }

.partners .partner.starnet { width: 140px; }

@media (max-width: 767px) { .partners .partner.starnet { width: 100px; } }

.partners .partner.apriori { width: 140px; }

@media (max-width: 767px) { .partners .partner.apriori { width: 100px; } }

.partners .partner.mipiace { width: 66px; }

@media (max-width: 767px) { .partners .partner.mipiace { width: 55px; } }

.partners .partner.digital-park { width: 200px; }

@media (max-width: 767px) { .partners .partner.digital-park { width: 180px; } }

.partners .partner.julius { width: 55px; }

@media (max-width: 767px) { .partners .partner.julius { width: 40px; } }

.partners .partner.unfpa { width: 100px; }

@media (max-width: 767px) { .partners .partner.unfpa { width: 80px; } }

.partners .partner.letto { width: 65px; }

@media (max-width: 767px) { .partners .partner.letto { width: 50px; } }

main { overflow: hidden; }

#hero { min-height: 70vw; background: #eebe3d url("/assets/hero-bg.jpg") center no-repeat; background-size: cover; position: relative; margin-bottom: 2rem; }

@media (min-width: 1024px) { #hero { min-height: 55vw; } }

@media (min-width: 768px) { #hero { margin-bottom: 4rem; } }

#hero:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/assets/hero-bottom.jpg") center bottom no-repeat; background-size: 100% auto; }

#hero nav { width: 100%; font-weight: bold; text-transform: uppercase; text-align: right; z-index: 1; font-size: 1.1875rem; padding: 2rem 0; }

#hero nav a { color: #000; text-decoration: none; padding: 1rem; }

#hero nav a:hover { text-decoration: underline; }

#hero > .container { display: flex; flex-direction: column; align-items: center; }

#hero .hero-img { max-width: 372px; margin-bottom: 60px; }

#hero .hero-content { z-index: 2; display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 3vw; }

.container { max-width: calc(1200px + 2rem); margin: 0 auto; width: 100%; padding: 0 1rem; box-sizing: border-box; }

.button { display: block; padding: 0.75em 1em; background: #fff; border-radius: 1em; text-decoration: none; font-weight: bold; color: #000; text-align: center; transition: transform ease-in-out 150ms; font-size: 3vw; }

@media (min-width: 768px) { .button { font-size: 2vw; } }

.button:hover { transform: scale(1.1); }

img { width: 100%; height: auto; }

#teaser { background: url("/assets/splashes.jpg") center no-repeat; background-size: 100% auto; padding-bottom: 3rem; }

@media (min-width: 768px) { #teaser { padding-bottom: 6rem; } }

.video-wrapper { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }

.video-wrapper embed, .video-wrapper object, .video-wrapper iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

section { padding: 1.5rem 0; }

@media (min-width: 768px) { section { padding: 3rem 0; } }

.agenda-item { display: flex; font-weight: bold; align-items: flex-start; flex-direction: column; font-size: 1rem; margin-bottom: 0.5rem; }

@media (min-width: 768px) { .agenda-item { margin-bottom: 1rem; font-size: 1.5rem; align-items: center; flex-direction: row; } }

.agenda-item .time { background: #eebe3d; margin-right: 2rem; text-align: center; padding: 0.5rem 1rem; margin-bottom: 0.5rem; }

@media (min-width: 768px) { .agenda-item .time { margin-bottom: 1rem; padding: 1rem 2rem; min-width: 250px; margin-bottom: 0; } }

.agenda-item .title { margin-bottom: 1rem; }

@media (min-width: 768px) { .agenda-item .title { margin-bottom: 0; } }

.mb-6 { margin-bottom: 6rem; }

.mb-3 { margin-bottom: 3rem; }

.mb-2 { margin-bottom: 2rem; }

@media (max-width: 767px) { .hide-on-small { display: none !important; } }

@media (min-width: 768px) { .hide-on-medium { display: none !important; } }

.button-wrapper { display: flex; justify-content: center; }

/*# sourceMappingURL=main.css.map */