@media (max-width: 768px){
	.topbar{
		padding: 0;
		margin-bottom: 15px;
	}
	.topbar IMG{
		width: 60%;
		height: auto !important;
		line-height: 40px;
	}
	H1{
		text-align: center;
		margin-bottom: 20px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)  {
	.topbar{
		height: 60px;	
	}
	.topbar IMG{
		width: 100%;
		height: auto !important;
		line-height: 60px;
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	.topbar{
		height: 60px;	
	}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) {
	.topbar{
		height: 60px;	
	}
}