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

article {
	max-width:780px;
	margin:0px auto;
	padding:20px 20px 20px 0px;
	background:#fff;
}

section {
	max-width:100%;
	margin:0px 0px 0px 250px;
}

article div:last-child, section div:last-child {
	clear:both;
	float:none;
	width:100%;
}

iframe {
	width:100%;
	height:380px;
}

img.about-us {
	max-width:32%;
	margin:0px 20px 20px 0px;
	float:left;
	border:none;
}

p.about-us {
	margin:0px 0px 50px 0px;
}

section.pallet-type img {
	float:left;
	margin:0px 20px 20px 0px;
}

article#hauling section img {
	width:48%;
}

article#mulch section img {
	max-width:100%;
}

form#contact label, form#contact input, form#contact textarea, form#contact button{
	display:block;
}

form#contact input, form#contact textarea {
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	width:98%;
}

form#contact input {
	margin:3px 0px 20px 0px;
}

form#contact textarea {
	height:50px;
}

form#contact label.radio {
	display:inline;
	margin:0px;
	clear:none;
}

form#contact input[type=radio] {
	display:inline;
	padding:0px;
	width:auto;
}

form#contact button {
	margin:20px 0px 0px 0px;
}

img#map {
	float:right;
	max-width:275px;
}

@media (max-width:700px){
	article {
		padding:0px;
	}
	
	article section {
		max-width:100%;
		margin:0px;
		padding:20px;
		clear:both;
	}
	
	section.pallet-type img {
		float:none;
		margin:20px 0px 20px 0px;
		display:block;
	}
	
	img#map {
		display:none;
	}
	
	img.about-us {
		max-width:42%;
		margin:0px 20px 20px 0px;
		float:left;
		border:none;
	}
	
	article#pallet-types > section > img {
		max-width:100%;
	}
}