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

@media (min-width: 481px) and (max-width:768px) {
	
body {	
background-image:url(../assets/images/footerbakcgroundmid.png);	
	
}
	
	
	
.phone {
	font-size: 2.4em;
}
	
.topcontent {
	float: left;
	margin-left: 12.5%;
	width: 25%;
}

ul#sfNav li a {
	font-size: 1.2em;
	padding: 1.2em 1.0em 0em 1.0em;
}

.servicebox p {
	font-size: 1.2em;
}

.footercontact a,
.footernav a{
	font-size: .8em;
	color: white;
	
}

.footercolright {
	font-size: 1.2em;
}

.footersmall {
	font-size: .8em;
}

.footerbottom a {
	color: white;
}
	
.creditdesign {
	margin-left: 0;
	width: 16%;
}

.contactcol {
	width: 90%;
	float: none;
}
	
}








@media (max-width:480px) {
	
body {	
background-image:none;	
	
}

#wrapper {
	margin-bottom: 0em;
}

	
.logo {
	width: 90%;
	margin-left: 5%;
	float: none;
}

.topcontent {
width: 60%;
	margin-left: 20%;
	float: none;
}	
	
.phone {
	margin-top: .5em;
	font-size: 2.4em;
}
	
ul#sfNav li {
float: none;
width: 90%;
margin-left: 5%;
border-bottom: 2px solid white;
}
	
ul#sfNav  li a {
padding: 1em 1.6em 1em 1.6em;
}

.welcometext h1 {
	font-size: 1.5em;
}

.welcometext p {
	font-size: 1.2em;
}

.indexphoto {
	float: none;
	width: 80%;
	margin-left: 10%;
}

.indexphoto p {
	font-size: 1.6em;
}


.servicebox {
	float: none;
	width: 80%;
	margin-left: 10%;
}

.servicebox p {
	font-size: 1.2em;
}

.footercolleft {
	float: none;
	width: 70%;
	margin-left: 15%;
	margin-top: .5em;

}

.footercolcenter {
	float: none;
	display: none;
}

.footercolright {
	float: none;
	width: 90%;
	margin-left: 5%;
	
}

.footercontact {
	color: black;
}

.footercontact a{
	font-size: .8em;
	color: black;
	
}


.footernav a{
	font-size: .8em;
	color: black;
	
}
.footercolright {
	font-size: 1.2em;
}

.footersmall {
	font-size: .6em;
	color: black;
}

.footerbottom a {
	color: white;
}

.creditdesign {
	margin-left: 0;
	width: 40%;
}

#footerbottom {
	top: .5em;
	color: black;
}

.footerlogo {
	display: none;
}

.faqtitle {
	font-size: 2em;
}

.teamtext p{
	font-size: 1.4em;
}

.feature {
	width: 90%;
	margin-left: 5%;
}

.gallerytext p{
	font-size: 1.2em;
}

.gallerytext ul{
	font-size: 1.2em;
}

dt {
	font-size: 1.4em;
}

dd p{
	font-size: 1.2em;
}

.contactcol,
.rightcol,
.leftcol {
	width: 90%;
	float: none;
}

.map {
	display: none;
}

legend {
	font-size: 1.2em;
}

.forminfo {
	font-size: 1.2em;
	width: 90%;
}

.subformp {
	font-size: 1.2em;
}

label {
	font-size: 1.2em;
}
	
	
}