/* ---------------------------------------------------------------------------------------------------------------
 5. Media Queries
----------------------------------------------------------------------------------------------------------------*/
@-ms-viewport{width:device-width;}


/* ---------------------------------------------------------------------------------------------------------------
 5. Smartphone, Tablet
----------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:180px) and (max-width:750px) {
	

}

@media screen and (min-width:180px) and (max-width:750px) {
	
	
}

/* Must be after 180 => 900 - do not include in previous statements with the same parameters */

@media screen and (min-width:180px) and (max-width:750px) {
	#latestposts li figure, #latestposts li article{margin:0;}
	#latestposts li figure{float:left; margin-right:20px;}
}
/* Must be after 180 => 900 - do not include in previous statements with the same parameters */
@media screen and (min-width:180px) and (max-width:500px) {
	#latestposts li figure{float:none; margin:0 0 20px 0;}
}

/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:900px) {
	#topbar, #header, .container, #intro, #breadcrumb, #cta, #footer, #copyright{max-width:auto;}
	.Row0{display: none;}
}

/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
}