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

/*****************  large screen - max 1200px ******************/
/***************** the default  ******************/


/**************** laptops and smaller screen - max 980  ******************/ 
@media only screen and (max-width: 980px) {	
	
	
	
	
}



/***************** tablets - max 768   *******************/
@media only screen and (max-width: 760px) {	

html {
	/* use for continuous color or image on top when a second one is used at bottom of browser*/
	background-image: url(../assets/graphics/headbkgndtab.png);
}

#wrapper {
	margin: 10em auto 2em auto;	
}




.headernav {
	font-size: 1.1em;
}



.headerright {
	width: 60%;
	margin-left: 0;
	margin-top: -2em;
}


.logo {
	width: 30%;
	margin-left: 8.333%;
	margin-top: -7.5em;
} 

nav {
	margin-top: 5em;
	width: 100%;
}

.mainnav {
	
	width: 100%;
	margin-left: 0;
}

#sfNav ul li a {

	padding: .5em .2em 0 .2em;
	
	font-size: 1.1em;
	
	letter-spacing: .1em;
}

.sf-menu {
	width: 100%;
}

#slider{
	height: 30em;
}

.servicebar {
	margin-top: 0em;
	z-index: 100;
}

.promisewords {
	font-size: 1.8em;
}

.promisetext {
	margin-top: 0;
}

.main-col-left iframe{
	width: 100%;
}

.col-cta iframe{
	width: 100%;
}

#maincontent h1{
	font-size: 2.8em;
}

.cheerleader {
	float: none;
	margin-left: 10%;

}

.copyright {
	font-size: 1em;
	width: 55%;
}

.genloctitle {
	font-size: 2.2em;
}

#maincontent .carclub h1{
	font-size: 2.2em;
}

#maincontent .carclub h2{
	font-size: 2em;
}

#maincontent   .fundside a {
	font-size: .8em;
}

#maincontent .carmain h1{
font-size: 1.8em;
}	

#maincontent .carmain h2{
font-size: 1.5em;
}

.loctitle {
	font-size: 2.2em;
}
.locmap iframe{
	width: 100%;
}

 .locadd {	
 font-size: 1.7em;
}

.detailpricetitle p{
	font-size: 2.0em;	
}

.detailprice {
	font-size: 1.5em;
	
}

.plustax {
	font-size: 1.0em;
	
}
.pricedesc p{
	font-size: 1.4em;
		
}

.pricedesc ul {
	font-size: 1.4em;
}




}


/*******************************************************************/
/*****************    smart  phone  max 480      ******************/
@media only screen and (max-width: 480px) {
	
	.textshadow { /* add drop shadow to text. Change color as required default black  */
	text-shadow: 1px 1px 1px rgba(0,0,0,.70);
}
	
html {
	background-image: none;
	
}

body {
	background-color: white;
}

#wrapper {
	background-color: white;
	margin-top: 1.5em;
}

header {
	background-color: #00448e;
}
	
.logo {
	width: 50%;
	margin-left: 25%;
	margin-top: -.7em;
	float:none;
}

.headerright {
	margin-top: 0;
	margin-left: 10%;
	width: 80%;
	line-height: 160%;
	float: none;
}

.headernav {
	font-size: .9em;
	margin-top: .5em;
	width: 90%;
	margin-left: 5%;
	
}

.headerstart {
	width: 10%;
}

.mainnav {
	width: 60%;
	margin-left: 20%;
}

ul#sfNav li {
	float: none;
	margin:0;
 background-color: #00448e;
 border-bottom: solid 2px white;


}

ul#sfNav  li a {
	text-align: center;
	padding: .7em .4em .7em .4em;
	font-size: 1.3em;
	color: white;
	
}	
	
nav {
	margin-top: 1em;
}
	
#slider {
	display: none;

}

footer {  /* footer has two sides .footerright and .footerleft. If 3 columns are desired then add the center column as footercenter */
	margin: 0;
	/*background-color: rgba(0,70,186, .8);*/
	top: 1em;
	background: none;
	
}

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

.footertitle {
	font-size: 1em;
}

.copyright  {
	
	font-size: .5em;
width: 60%;

	color: black;
}
	
.designcredit {
margin-left: 4.1666%;
}

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

.col-cta {
	float: none;
	width: 60%;
	margin-left: 20%;

}

#maincontent .carmain h1{
font-size: 1.4em;
}	

#maincontent .carmain h2{
font-size: 1.2em;
}

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

.thebest {
	font-size: 2em;
}

#maincontent p {
	font-size: 1.2em;
}

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

.carmainloc {
font-size: 1.4em;
}

.genloctitle {
	font-size: 1.8em;
}

.genlocadd {
	font-size: 1.2em;
	padding: .2em 0 .1em 0;
	margin: 0;
	margin-left: 1em;
}

.genlocphone {
	font-size: 1.2em;
	padding: .2em 0 .1em 0;
	margin: 0;
	margin-left: 1em;
}

.locmarker {
	width: 10%;
}

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

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

.fundside {
	float: none;
	width: 60%;
	margin-left: 20%;
}

fundicon {
	width: 70%;
	margin-left: 15%;
}

.locphoto {
	float: none;
	width: 80%;
	margin-left: 10%;
}
	
.locmap {
	float: none;
	width: 90%;
	margin-left: 5%;
	display: none;
}

.locmap iframe{
	width: 100%;
}

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

.pricing {
	font-size: 1.6em;
}

.locale {
	margin-top: -20em;
}

.maptext {
	display: block;
}



#maincontent .carclub h1{
	font-size: 1.6em;
}

#maincontent .carclub h2{
	font-size: 1.4em;
}

.loctitle {
	font-size: 1.8em;
}

.iconside {
	float: none;
	width: 70%;
	margin-left: 15%;
}

.locpix {
	float: none;
	width: 70%;
	margin-left: 15%;
}

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


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

.loc-col1{
	float: none;
	width: 50%;
	margin-left: 25%;
}

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

.servicebar {
	margin-top: 0em;
}

.cheerleader {
	float: none;
	width: 100%;
	margin-left: 0;
}

.express {
	float: none;
}

.express2 {
	margin-top: 1em;
}

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

.pricedesc {
	margin-top: 0em;
}

.rate-us {
	width: 80%;
	margin-left: 10%;
	margin-top: 17em;
}

.fundright {
	width: 80%;
	margin-left: 10%;
}


}