html {
	padding:0;
	margin:0;
}
body {
	padding:0;
	margin:0;
	background-color:#47b3e1;
	font-family: "Belanosima", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:1em;
  color:#13477a;
}

.belanosima-regular {
  font-family: "Belanosima", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.belanosima-semibold {
  font-family: "Belanosima", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.belanosima-bold {
  font-family: "Belanosima", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.content {
	   max-width: 900px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
}
.item {
	clear:both;
	overflow:hidden;
	margin:0 0 0.5em 0;
	
}

.item .time {
	font-size:1.5em;
	background-color:#2f9ccd;
	color:#ffffff;
	padding:0.3em 0.5em;
	display:inline-block;
	float:left;
	margin:0 0.5em 0 0;
}
.item .details {
	float:left;
	max-width:80%;
}

.item h3 {
	font-size:2em;
	font-weight:600;
	float:left;
	margin:0.1em 0.5em 0 0;
	padding:0;
}
.item .location {
	font-size:1.3em;
	font-weight:400;
	color:#ffffff;
	float:left;
	margin:0.6em 0 0 0;
	padding:0;
}
.item .extra {
	font-size:1.3em;
	font-weight:400;
	color:#ffffff;
	margin:0;
	padding:0;
	clear:both;
}
.item .extra.f1 {
	font-size:2em;
	font-weight:400;
	color:#13477a;
}

.item.f1 h3 {font-size:3em;font-weight:600;}
.item.f1 .time {margin-top:0.5em;}
.item.f1 .location {margin-top:1.4em;}


.item.f2 h3 {font-size:4em;font-weight:600;}
.item.f2 .time {margin-top:1em;}
.item.f2 .location {margin-top:2.2em;}

h2 {
font-size: 2.5em;
    font-weight: 600;
    margin: -0.5em 0 1em 1em;
    padding: 0.2em 1em;
    background-color: #211d70;
    display: inline-block;
    color: #ffffff;
    transform: rotate(358deg);
	box-shadow: 5px 5px 0px 0px rgba(19,71,122,0.5);
	-webkit-box-shadow: 5px 5px 0px 0px rgba(19,71,122,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(19,71,122,0.5);
}

.block {
	margin-top:5em;
}
.block.friday {
	margin-top:0;
}
.block.saturday {
	background-color:#2f9ccd;
	padding-bottom:5em;
}
.block.saturday h2 {
    background-color: #c42032;
    transform: rotate(2deg);
}
.block.saturday .item .time {
	background-color:#52b5e2;
}

.block.sunday {
	margin-top:0;
}
.block.sunday h2 {
    background-color: #8dc745;
    transform: rotate(359deg);
}
.header {
	background-color:#ffffff;
	text-align:center;
	padding:2em 0;
	color:#ffffff;
	font-size:1em;
}
.header img {
	height:25em;
	border:0;
}
.header h1 {
	font-size: 2em;
    font-weight: 600;
    color: #271d66;	
}

.footer {
	margin-top:5em;
	background-color:#13477a;
	text-align:center;
	padding:2em 0;
	color:#ffffff;
	font-size:1em;
}
.footer img {
	height:15em;
	border:0;
}

a, a:visited, a:hover {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


@media only screen and (max-width: 766px) {
	.header img {height:10em;}
	.header h1 {font-size: 1.5em;}
	h2 {font-size:1.8em;}
	.item h3 {font-size:1.5em;margin-bottom:0.2em;}
	.block {padding:0 1em;}
	.item {margin-bottom:1.5em;}
	.item .time {font-size: 1.2em;padding: 0.1em 0.5em;}
	.item .location {margin-top:0}
	
	.item .time, .item .details, .item h3, .item .location {float:none;}
	.item .details {max-width:100%;}
	
	.item.f1 h3 {font-size:2em;font-weight:600;}
	.item.f1 .time {margin-top:0;}
	.item.f1 .location {margin-top:0;}


	.item.f2 h3 {font-size:2.5em;font-weight:600;}
	.item.f2 .time {margin-top:0;}
	.item.f2 .location {margin-top:0;}
}