@media (max-width:576px) {

	.main-container .header .logos-area .logo-cityu { display:none; }
	.main-container .header .logos-area .logo-midline { display:none; }

	.main-container .header .logos-area .logo-hkias img { width:90%; }

	.main-container.index-page .main-title { padding:0px; margin:0px; width:80%; height:80%; }
	.main-container.index-page .main-title img { width:90%; height:90%;  margin:20px 0px 0px 50px;}

	.main-container.index-page .date-time-venue { padding-top:10px; }

	.main-container.index-page .date-time-venue .welcome-text { margin-top:10px; }
	.main-container.index-page .date-time-venue .date-time { margin-bottom:0px; }
	.main-container.index-page .date-time-venue .venue { margin-bottom:20px; }

	.inner-h1 { font-family:'Lato'; letter-spacing:-0.5px; font-weight:800; color:#e23a86; margin-left:60px; margin-right:0px; padding:20px; font-size:28px; line-height:30px; margin-bottom:3px; background:url('bg-h1.png') no-repeat -300px 0px; }
}

@media (min-width:576px) and (max-width:767px) {

	.main-container.index-page .main-title { max-width:540px; }

	.main-container.index-page .date-time-venue .date-time { margin-bottom:20px; }
	.main-container.index-page .date-time-venue .venue { margin-bottom:20px; }

	.inner-h1 { font-family:'Lato'; letter-spacing:-0.5px; font-weight:800; color:#e23a86; margin-left:60px; margin-right:0px; padding:20px; font-size:28px; line-height:30px; margin-bottom:3px; background:url('bg-h1.png') no-repeat -300px 0px; }

}

@media (min-width:768px) and (max-width:991px) {

	.main-container.index-page .main-title { max-width:540px; }
s	
	.main-container.index-page .date-time-venue .date-time { margin-bottom:20px; }
	.main-container.index-page .date-time-venue .venue { margin-bottom:20px; }

	.inner-h1 { font-family:'Lato'; letter-spacing:-0.5px; font-weight:800; color:#e23a86; margin-left:60px; margin-right:0px; padding:20px; font-size:28px; line-height:30px; margin-bottom:3px; background:url('bg-h1.png') no-repeat -300px 0px; }

}

@media (min-width:992px) and (max-width:1199px) {

	.main-container.index-page .main-title { max-width:540px; }

	.inner-h1 { font-family:'Lato'; letter-spacing:-0.5px; font-weight:800; color:#e23a86; margin-left:60px; margin-right:100px; padding:20px; font-size:28px; line-height:30px; margin-bottom:3px; background:url('bg-h1.png') no-repeat -300px 0px; }
}

@media (min-width:1200px) {

	.main-container.index-page .main-title { max-width:540px; }

	.inner-h1 { font-family:'Lato'; letter-spacing:-0.5px; font-weight:800; color:#e23a86; margin-left:60px; margin-right:100px; padding:20px; font-size:28px; line-height:30px; margin-bottom:3px; background:url('bg-h1.png') no-repeat -300px 0px; }
}
