.jumbotron .container h1 {
	color:#FFF;
	width:60%;
	text-shadow: 
	0px 0px 15px #000,
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;  
}

.jumbotron .container p {
	color:#FFF;
	width:60%;
	text-shadow: 
	-1px 0 black, 
	0 1px black, 
	1px 0 black, 
	0 -1px black;
}

.title {
	background-image: url('./img/cover.jpg'); 
	background-size: cover;
}

.schedule_table {
	width: 100%;
}

.schedule_table tr {
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

.schedule_table td {
	padding: 5px;
}

.schedule_table h3 {
	margin-right: 10px;
}

.schedule_table .id {
	width: 60px;	
}

.entries {
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}

.entries tr {
	border-top: none;
	border-bottom: none;
}

.entries td {
	vertical-align:top;
}

.subtitle {
	border-bottom: 1px solid #777;
}

.entry div {
	padding: 5px;
}

.entry:hover {
	background: #dcdcdc;
}

.entry:last-of-type {
	border-bottom: 1px solid #777;
}

.announce_table td {
	vertical-align:top;
	padding: 5px;
}

.announce_table .date {
	width: 120px;
}

.announce_table .separator {
	width: 40px;
}

.grey_frame {
	border: 1px solid grey;		
}

.larger_bm {
	margin-bottom: 20px;
}

.bold {
	font-weight:bold;
}

.portrait {
	width: 200px;
}

.map {
	background-image:url("./img/elb_map.png"); 
	background-size: 100%;
	width: 500px;
	height: 333px;
}

.img_dept {
	background-image:url("./img/cuhk_econ.png");
	background-size: 100%;
	width: 500px;
	height: 124px;
}

.img_erc {
	background-image:url("./img/erc.png");
	background-size: 100%;
	width: 630px;
	height: 124px;
}

@media (max-width: 550px) {
	.img_single {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.jumbotron .container h1 {
		width:65%;
	}

	.announce_table .date {
		width: 100px;
	}

	.announce_table .separator {
		width: 20px;
	}	
}