@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=greek,greek-ext,latin-ext');

body, html { width: 100%; margin: 0; padding: 0; }
body { font-family: 'Roboto', sans-serif; -webkit-text-size-adjust: 100%; padding-top: 100px; }
body, p, div { font-size: 100%; }

.blue { color: #1f9dd9; }

a { text-decoration: none; font-weight: 700; color: #565656; outline-color: #777; outline-width: 1px; }
a.blue-link { color: white; background-color: #1f9dd9; padding: .5em 1em; }

.normal { font-weight: 400 !important; }
.strong, strong, b { font-weight: 700 !important; }
.em { font-style: italic; }
.underline { border-bottom: 1px #ccc solid; }

div.coverbg { background-repeat: no-repeat; background-size: cover; background-position: center center; }

div.section { width: 100%; text-align: center; padding: 1em 4em; }
div.section div.txt { max-width: 700px; margin: 0 auto; }

div.content-area { width: 1200px; margin: 0 auto; }

div#header { position: fixed; top: 0; left: 0; background-color: #1d1d1d; padding: 1.5em 2em; border-bottom: 1px #aaa solid; }
div#header div.table-cell div { display: inline-block; }
div#header div.table-cell div a { color: white; }
div#header div.menu-item { margin-left: 1em; }

div#info { color: white; background-color: #1f9dd9; }

div#summary { background-color: white; }

div#schedule { background-color: #efefef; }
div#schedule p.day {  margin-bottom: 1.5em; }
div#schedule p.day span { font-size: 1.25em; font-weight: 700; color: #1f9dd9; padding-bottom: .25em; border-bottom: 0px #ccc solid; }
div#schedule p.day-evt { padding: .25 0 .25em 0; }
div#schedule div.day-sep { border-bottom: 1px #1f9dd9 solid; }

div.event-info { padding: 1em 4em 2em 4em; }
div.eventbg { width: 30%;  }

div#event-i { background-color: #fff; }
div#event-ii { background-color: #efefef; }
div#event-iii { background-color: #fff; }
div#event-iv { background-color: #efefef; }
div#event-v { background-color: #fff; }

div#members { background-color: #efefef; display: none; }
div#committee { background-color: #efefef; }

div#footer { text-align: left; color: white; background-color: #1d1d1d; }
div#footer a { font-weight: 700; color: inherit; }

@media only screen and (max-width: 1200px) {
	div.content-area { width: 100%; }
	div.eventbg { width: 45%; }
}

@media only screen and (max-width: 640px) {
	div#header { padding: 1em; }
	div#header div.menu-item { font-size: .9em; }
	div.section, div.event-info { padding: 1em; }
	div.eventbg { display: none; }
	div#event-iii div.eventbg { background-position: left center; }
	div#event-iv div.eventbg { background-position: left center; }
}