@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 960px)	{
	main, header, footer, #slider img	{
		width: 100%;
	}
	
	header h1, header nav, footer>:first-child	{
		float: none;
		text-align: center;
	}
	
	footer>:last-child a	{
		float: none;
		text-align: center;
		display: block;
	}
	
	#services article	{
		width: 48%;
		margin: 0;
		padding: 2% 1%;
	}
	
	#latest img, #latest img:last-child	{
		display: block;
		width: 80%;
		max-width: 400px;
		margin: 5px auto;
	}
	
	header nav a	{
		display: block;
		float: none;
		text-align: center;
	}

}

@media screen and (max-width: 480px)	{
	main, header, footer, #slider img	{
		width: 100%;
	}
	
	header h1, header nav, footer>:first-child	{
		float: none;
		text-align: center;
	}
	
	footer>:last-child a	{
		float: none;
		text-align: center;
		display: block;
	}
	
	#services article	{
		width: 100%;
		margin: 0;
		padding: 2% 1%;
	}
	
	#latest img, #latest img:last-child	{
		display: block;
		width: 80%;
		max-width: 400px;
		margin: 5px auto;
	}
	
	header nav a, header nav a.last	{
		margin: 0;
		display: block;
		text-align: center;
	}
}