/*

Pen Mill Storage - Global Stylesheet
http://www.penmillstorage.co.uk/
Handwritten by Oliver Coningham

*/


@media screen and (max-width: 1070px) {

	#header {
		padding: 20px 0 10px 0;
		}
		
	#content {
		padding: 20px 10px 0 10px;
		}
		
	#copy {
		padding: 0 10px 20px 10px;
		}
		
	#features {
		padding: 0 10px 10px 10px;
		}

	#photos {
		padding: 0 10px;
		}
		
	#photos .photo {
		padding: 0 10px;
		}
		
	#footer-shadow-top {
		height: 93px;
		}
		
	#footer {
		padding: 93px 10px 0 10px;
		}
		
	#footer .footer {
		padding: 0 10px 20px 10px;
		}
		
	#furniture {
		min-height: 90px;
		}
				
}


@media screen and (max-width: 820px) {

	#logo a {
		margin-bottom: 10px;
		}
		
	#phone a {
		float: left;
		left: 0;
		margin: 0;
		position: static;
		top: 0;
		}
		
	#email a {
		float: right;
		left: 0;
		margin: 0;
		position: static;
		top: 0;
		}
		
	#photos .photo-border {
		border-width: 0 10px 10px 10px;
		}
		
	#photos .photo-border {
		height: 38px;
		}
		
	#footer-contact p {
		padding: 0 0 0 75px;
		}
		
}


@media screen and (max-width: 620px) {

	#email a {
		background-position: top left;
		float: left;
		margin-top: 10px;
		padding: 0 0 0 61px;
		}
		
	#copy {
		width: 100%;
		}
	
	#features {
		width: 100%;
		}
		
	#photos .photo-overlay,
	#photos .photo-border {
		display: none;
		}

	#photos .photo {
		margin-bottom: 20px;
		width: 33.333333333333%;
		}
		
	#footer-shadow-top {
		display: none;
		}
		
	#footer {
		background: none;
		background-color: #d3d3d4;
		border-bottom: 1px solid #afafb0;
		padding-top: 10px;
		}
		
	#footer .footer {
		padding-top: 10px;
		width: 100%;
		}
		
	#furniture {
		background: none;
		background-color: #d3d3d4;
		border-top: 1px solid #e8e8e9;
		min-height: auto;
		padding: 20px;
		}
		
}


@media screen and (max-width: 420px) {

	#photos .photo {
		width: 50%;
		}
		
	#content {
		padding-top: 10px;
		}
		
	#phone a,
	#email a {
		font-size: 16px;
		}
		
}