@charset "UTF-8";

body {
	background-color: #000;	
}
.wrapper  {
	width: 78%;
	margin: 0 auto 0 auto;	
	background-image:url(images/shovel_960.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-clip: content-box;
	
}


.main  {
	width: 100%;

}
.header  {
	width: 100%;
	margin-top: 1.1rem;
	margin-bottom: 5rem;
}


	
.footer  {
	width: 100%;
	clear: both;
	padding-top: 6rem;	
	padding-bottom: 7rem;	
	margin-top: 4rem;
	margin-bottom: 5rem;
	overflow: hidden;	
	
}
.location  {
	margin-left: 6rem;
	float: left;
	

}
.since  {
	margin-right: 6rem;
	float: right;
	
}

.services  {
	clear: both;
	float: left;
	margin-left: 6rem;
	background-color: rgba(255,255,255,.5);
	padding: .5rem;
	border-radius: .5em;
	width: 25%;

}
.equipment  {
	margin-right: 6rem;
	float: right;
	background-color: rgba(255,255,255,.5);
	padding: .5rem;
	border-radius: .5em;
	width: 25%;
	
}
.phone  {
	margin-top: 5rem;
	margin-left: 6rem;
	float: left;
	background-color: rgba(0,0,0,.5);
	border-radius: .5em;
	padding: .3rem;
}

.email  {
	margin-top: 5rem;
	margin-right: 6rem;
	float: right;
	background-color: rgba(0,0,0,.5);
	border-radius: .5em;
	padding: .3rem;
}
.designby  {
	margin-right: 6rem;
	float: right;
	margin-top: 2rem;
}
address  {
	margin-left: 6rem;
	float: left;
	clear: both;
	margin-top: 2rem;
	
}




/* large display */
@media (min-width:769px) and (max-width:999px)  {
.wrapper  {
	width: 85%;
}

}

/* medium display */
@media (min-width:481px) and (max-width:768px)  {
.wrapper  {
	width: 90%;
}

.location  {
	margin-left: 2rem;
	float: left;
	

}
.since  {
	margin-right: 2rem;
	float: right;
	
}


.services  {
	float: none;
	margin: auto;
	width: 85%;

}
.equipment  {
	margin: 1rem auto auto auto;
	float: none;
	width: 85%;
	
}
.phone  {
margin: 1rem auto auto auto;
	float: none;
	clear: both;	
}
.email  {
	margin: 1rem auto auto auto;
	float: none;
	clear: both;	
}
.designby  {
	margin: 1rem auto auto auto;
	float: none;
	clear: both;
}
address  {
	margin: 1rem auto auto auto;
	float: none;
	clear: both;

	
}

.footer  {
	
	padding-top: 2rem;	
	padding-bottom: 7rem;	
	margin-top: 2rem;
	margin-bottom: 2rem;
	overflow: hidden;	
}
}

/* small display */
@media (max-width:480px)  {
.wrapper  {
	width: 100%;
}
.location  {
	margin-left: 2rem;
	float: left;
	

}
.since  {
	margin-right: 2rem;
	float: right;
	
}
.services  {
	float: none;
	margin: auto;
	width: 85%;

}
.equipment  {
	margin: 1rem auto auto auto;
	float: none;
	width: 85%;
	
}
.phone  {
margin: 1rem auto auto auto;
	float: none;
	clear: both;	
}
.email  {
	margin: 1rem auto auto auto;
	float: none;
	clear: both;	
}
.designby  {
	margin: 1rem auto auto auto;
	float: none;
	clear: both;
}
address  {
	margin: 1rem auto auto auto;
	float: none;
	clear: both;

	
}
.footer  {
	
	padding-top: 1rem;	
	padding-bottom: 7rem;	
	margin-top: 1rem;
	margin-bottom: 2rem;
	overflow: hidden;	
}
}