body {
 
		background: #fff url('../images/bottomright.png') bottom right no-repeat;
  background-size: 196px 223px; 
	font-family: 'Open Sans', verdana;
	margin: 0;
	padding: 0 0 60px 0;
	color:#6d6e71;text-align: left;font-size:20px; line-height: 28px;
}
ul {margin: 0 0 15px 20px;	;padding: 0;	}

.container { }
hr { height: 3px; width: 60%; background: #00a0de; border: 0; }
.top-logo { background: url('../images/logo.png'); width: 300px; height: 49px; background-size: 300px 49px; position: absolute; top: 35px; right: 20px; }
.top-graphic { background: url('../images/topleft.png'); width: 238px; height: 301px; background-size: 238px 301px; position: absolute; top: 0px; left: 0px; }
h1 { margin: 5px 0 10px 0; padding: 0 20px; color: #565656; font-size: 20px; display: block; line-height: 25px; }
h2 { margin: 0; padding: 0; color: #00a0de; font-size: 15px; line-height: 18px; }
h3 { margin: 0 0 15px 0; padding: 0;   font-size: 24px; line-height: 28px;font-style: italic;	 }
#boxesacross { margin-top: 130px; margin-bottom: 20px;text-align: center; background:#d1d2d4;padding:20px 0; font-size: 14px; line-height: 18px;font-weight: bold;	 }
.nopadding { padding: 0 !important; }
/* .al {text-align: left;	}
  .ar {text-align: right;	}*/
.clearfix { clear: both; width: 100%; }
#intro { padding:10px 0;font-size:24px; line-height: 34px; font-weight: bold;color:#6d6e71;	font-style: italic;	}
#offerbenefits { background: #8dc63f;padding:20px;color:#fff;}

#whyuse {margin: 20px 0;font-size:22px; line-height: 32px;	}
#whyuse  h3 {color:#8dc63f;}

#pleasecall { background:#d1d2d4;padding:20px 20px; font-size: 22px; line-height: 32px;margin-top: 3px;	font-weight: bold;font-style: italic;	text-align: center;		 }
#pleasecall a{   font-size: 22px; line-height: 32px;text-decoration: none;	 		color:#6d6e71;	 }
#ratestbl {margin-top: 20px;	;}
#ratestbl table{width:100%;text-align: center;font-size: 15px; line-height: 18px;}
#ratestbl th{padding:5px 4px;background:#d1d2d4;border:3px solid #fff;}
#ratestbl td{padding:5px 4px;background:#d1d2d4;border:3px solid #fff;}
#footer {  padding: 40px;   font-size: 18px; line-height: 25px; font-weight: bold; text-transform: uppercase; }
#footer a { color: #8dc63f; display: block;}
#footer strong { color: #00a4e0; }

.disclaimer {font-size:14px;text-align: center;	
}
 

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/*==========  MEIDA QUERIES ====================================================================================*/

/* Large Devices, Wide Screens-------------------------------------------- */
@media only screen and (max-width:1370px){

 .colhome {font-size: 12px;line-height: 16px;}

}

/* Medium Devices, Desktops-------------------------------------------- */
@media only screen and (max-width:1024px){
.top-logo { width: 300px; height:53px; background-size: 300px 53px; }

}

/* Small Devices, Tablets ---------------------------------------------- */
@media only screen and (max-width:980px){
 #boxesacross .same-height.add-dots {
border:none !important;
}


}


/* Small Devices, Tablets ---------------------------------------------- */
@media only screen and (max-width:780px){
 
 body {		  background-size: 98px 112px; }
/*.colhome img {
	width:230px;
	height: auto;
	display: block;
	margin-bottom: 20px;margin: 0 auto 20px;
}*/

 #boxesacross img {width:100%;height:auto;}
 
}

/* Custom, iPhone Retina ----------------------------------------------  */
@media only screen and (max-width:768px){

  #boxesacross img {width:200px;height:auto;}

}


/* Extra Small Devices, Phones----------------------------------------- */
@media only screen and (max-width:680px) {
.top-graphic { background: url('../images/topleft.png'); width: 119px; height:151px; background-size: 119px 151px; position: absolute; top: 0px; left: 0px; }
.top-logo { width: 170px; height:28px; background-size: 170px 28px;top:22px; }
#boxesacross { margin-top: 65px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px){
 
}