@media screen and (max-width: 1385px){
	.list2 {
		float: right;
	}
}

@media screen and (max-width: 1285px){
	.list1 {
		display: block;
		width: 100%;
	}

	.list2 {
		width: 100%;
		display: block;
		padding-top: 30px;
		position: absolute;
	}

	.list2 h3 {
		text-align: center;
	}

	.list2 ol {
		padding-left: 100px;
	}

	.list2 ul {
		padding-left: 75px;
	}
}


abbr {
	text-transform: uppercase;
	color: #284991;
}

.time_fr, .where_do {
	text-align: left;
}

.info_box {
	padding: 30px;
	display: inline-block;
	box-shadow: inset 0px 0px 30px #000;
	border-radius: 5px;
	vertical-align: middle;
	width: 80%; 
	text-align: center;
}

.list1 {
	transition: all 0.2s;
	float: left;
}

.list2 {
	margin-top: -20px;
	transition: all 0.2s;
	display: inline-block;
	position: static;
	text-align: left;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li {
	padding-left: 16px;
}

ul li:before {
	content: '*';
	padding-right: 8px;
}

ul .dbl:before {
	content: '**';
}