/* @override 
	http://localhost:8888/clout/projects/css/projects.css?m=1402669855
	http://localhost:8888/rockraw/news/css/news.css?m=1402770383
	http://localhost:8888/rockraw/news/css/news.css?m=1415281953
	http://localhost:8888/londonlens/tours/css/tours.css?m=1415305682
	http://localhost:8888/londonlens/tours/css/tours.css?m=1416674610
	http://localhost:8888/londonlens/tours/css/tours.css?m=1416785820
	http://localhost:8888/londonlens/tours/css/tours.css?m=1416930578
	http://localhost:8888/muma/Bookings/css/bookings.css?m=1492858973
	http://localhost:8888/hawkes2/events/css/events.css?m=1492859666
	http://localhost:8888/townsend/events/css/events.css?m=1496242291
	http://localhost:8888/townsend/events/css/events.css?m=1496249240
	http://localhost:8888/townsend/events/css/events.css?m=1496250456
*/

div#events {
	margin-top: 70px;
}

#eventlist li div.content {
float: left;
width: 50%;
	
}
#eventlist li#holder.last{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#eventlist li#holder {
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 60px;
	border-bottom: 4px black solid;
}

div#learningphoto {
	float: left;
	width: 45%;
	padding: 2.5%;
}

#event p {
	text-align: justify;
}
.mobile{
	display: none;
}
/* BREAKPOINT 960px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 960px) {

}

/* BREAKPOINT 680px */

/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 680px) { 
#eventlist li div.content {
float: left;
width: 100%;
	
}
div#learningphoto {
	width: 100%;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.mobile{
	display: block;
}

#aboouttopinfowrapmobile {
	margin-bottom: 40px;
}
}