/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/* BASE
///////////////////////////////////////////// */
div.ddsLogoProvider, .ddsLogoProvider a { text-align: right; margin: 10px 10px 10px 0; text-decoration: none; font-size: 10px; font-size: 1.0rem; color: #fff !important; }
span.ddsLogoProvider { float: right; vertical-align: middle; position: relative; top: -3px; margin-left: 5px; width: 71px; height: 21px; background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }
/*FOR LIGHT VERSION span.ddsLogoProvider { background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }*/

body { background: #000; font-size:12px; font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000; }
p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	line-height:normal;
}

ul, dl, ol {font-size: inherit;}
#SiteContainer { max-width: 800px; margin: 0 auto; padding:10px 0; }

.container {padding: 0;}
#main {
padding:0px;
background:#fff;
}

header .address { text-align: right; padding-bottom: 10px; position: relative; }
.row {
	max-width:800px;
	min-width:inherit;
}
.center {text-align: center;}		

/*----------css--------*/

	header {
		background:url(https://s3.amazonaws.com/dom-cms/Site/7f82a04b-742b-40a9-bd09-74aa88a552a5/images/hdrRight.gif) no-repeat center top #043e84;
		padding-left:4px;
		padding-top:4px;
	}
	
	.HeaderRight {
		padding:4px 14px 14px 2px;
		text-align:right;
		font-size:12px;
		color:#fff;
		font-family:Verdana, Geneva, sans-serif;
	}
	
	.EmailLink {
		font-size:12px;
		color:#d7c436 !important;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	.EmailLink:hover {
		text-decoration:underline;
	}
	
	.HeaderRight .mapLink,
	.HeaderRight .phoneLink {
		font-size:12px;
		color:#fff;
		display:block;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
		
	.HeaderRight .phoneLink {
		cursor:text;
		display:inline-block;
	}
	
	.HeaderRight .PhoneBox p {
		margin-bottom:0;
	}
	
	.HeaderRight p {
		display:inline-block;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		margin-bottom:9px;
	}
	
	footer {
		background:#fff;
		padding:20px 20px 5px 10px;
	}
	
	footer .PhoneBox {
		margin-bottom:10px;
	}
	
	footer .PhoneBox p {
		display:inline-block;
		
	}
	
	footer .EmailLink {
		color:#000 !important;
		font-size:11px;
	}
	
	footer p {
		color:#000;
		font-size:11px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	footer .mapLink {
		display:block;
	}
	
	footer .mapLink,
	footer .phoneLink {
		font-size:11px;
		color:#000;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	footer .phoneLink {
		cursor:text;
	}

/*--------css End------*/

/*---------------------------
         NAVIGATION         
---------------------------*/

/*** Navigation Colors ***/
nav {
	background:url(https://s3.amazonaws.com/dom-cms/Site/7f82a04b-742b-40a9-bd09-74aa88a552a5/images/bckNav.gif) repeat-x left top;
}
#nav-container > li > a, .menuModal a, .menuModal strong, .menuModal div, .menuModal span  {color: #fff;}
.nav {}
#nav-container a:hover, #nav-container li.sfhover > a, #nav-container li ul li a:hover {color: #043e84;}
#nav-container ul li a { color: #242424;}

/*** Mobile Menu Colors ***/
.mobileMenu { background: #ffcc33; }  /* Color of menu bar */
.mobileMenu li { background: #043e84; }  /* Color of menu buttons */
.mobileMenu a { color: #fff !important; }  /* Color of menu button text */

/*** Navigation Structure ***/
#nav-container .flyoutNav { max-width:266px; display: none; background: #000;  text-align: center; border: 1px solid #ccc; margin-left: 2px;}
.nav { clear: both; margin: 0 auto; text-align: center; position: relative; z-index: 100;}
#nav-container, #nav-container ul { margin: 0 auto; z-index: 100; position: relative; font-weight: bold;}
#nav-container a { display: block; padding: 0 8px;}
#nav-container li { display: inline-block; position: relative; margin: 0;}
#nav-container > li a { font-size: 11px; font-weight:normal; color:#000; font-family:Verdana, Geneva, sans-serif; line-height: 38px;}
#nav-container li ul { z-index: 5; line-height: normal; position: absolute; width: 200px; display: none; margin: 0; padding: 10px 14px; box-shadow: 0 4px 6px rgba(0,0,0,.5);  background: #fff;}
#nav-container li ul li { width: 100%; }
#nav-container li ul li a { font-weight: normal; text-align: left; padding: 0; font-size: 14px; font-size: 1.4rem; text-decoration: none; line-height: 1.75;}

/* Positioning for Third-level navigation */
#nav-container li ul ul { left: 0px; margin: -28px 0 0 170px;}
#nav-container li:hover ul ul, #nav-container li:hover ul ul ul, #nav-container li:hover ul ul ul ul { display: none; }
#nav-container li:hover ul, #nav-container li li:hover ul, #nav-container li li li:hover ul, #nav-container li li li li:hover ul { display: block; }

/* Int. Explorer 8 fixes */
.oldie #nav-container li ul {border:1px solid #000; border-top: none;}
.oldie a:link, .oldie a:visited, .oldie a:hover {text-decoration:none;}

/* Int. Explorer 7 fixes */
.ie7 #SiteContainer .nav .columns { position: absolute; }
.ie7 #nav-container { margin-left: 15%; }
.ie7 .nav { height: 30px; }
.ie7 #nav-container li { zoom: 1; vertical-align: top; display: block; float: left;}
.ie7 nav .row .columns { z-index: 5; }

/*** Show the Mobile Menu edit html item ***/
.cke_editable .editMobileMenu.hide {display: block !important; background: #666; color: #fff; padding: 10px 0; margin: 20px;}

/*** Mobile Menu Structure ***/
ul.mobileMenu { padding: 0 3px; position: fixed; text-align: center; width: 100%; z-index: 9999; margin: 0; top: -1px; left: 0;}
.mobileMenu li, .mobileMenu label { display: inline-block; }
.mobileMenu li { width: 24%; margin: 5px 0; border-radius: 3px; box-shadow: inset -1px -1px 2px #484848; text-align: right;}
.mobileMenu a { display: block; }
.mobileMenu .menu { font-size: 15px; font-weight: bold; line-height: 30px; text-align: center;}
.mobileMenu strong { font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-right: 10px;}
.mobileMenu span { height: 20px; width: 20px; margin: 5px 0 0 5px; color: inherit; font-size: inherit; background: url("https://s3.amazonaws.com/dom-cms/Site/7f82a04b-742b-40a9-bd09-74aa88a552a5/images/menu-icons.png") no-repeat scroll 0 0;}
.mobileMenu img {float: left;}
.mobileMenu .menu { background-position: -110px 0; font-size: 1.4rem; line-height: 30px; margin-right: 10px;}
.mobileMenu .call { background-position: -44px 0; }
.mobileMenu .map { background-position: -22px 0; }  /* alternative: 0 0 */
.mobileMenu .hours { background-position: -66px 0; }
.mobileMenu .mail { background-position: -88px 0; }

/*** Overlays ***/
.menuModal { background: rgba(0,0,0,.9);  position: fixed; width: 100%; top: 0; left:0; height: 100%; padding: 30px 0 0 0; z-index: 11111; border-top: 1px solid #999; margin-top: 40px; overflow-y: auto;}
.modalClose { position: absolute; top: 10px; right: 25px; width: 30px; cursor: pointer;}
.menuModal div { margin-bottom: 15px; }
.menuModal strong { font-size: 20px; font-size: 2rem; display: block;}
.menuModal, .menuModal a, .menuModal div { font-size: 16px;  font-size: 1.6rem;}

/* LINKS
///////////////////////////////////////////// */

.dwnldlink {color:red; text-decoration:underline;}

/* TYPOGRAPHY
///////////////////////////////////////////// */
h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

h1 {
	color:#043e84;
	font-weight:normal;
}

h2 {
	color:#000080;
}

.underline {
	text-decoration:underline;
}

.italic {
	font-style:italic;
	font-size:14px;
	color:#dc143c;
}


.Faqs p {
    font-family: trebuchet ms;
    font-size: 20px;
	margin-bottom:25px;
}

.Faqs a {
	text-decoration:underline;
	color:#cc0000 !important;
}

.Faqs a:hover  {
	text-decoration:none;
}

.phoneLink {
	cursor:text;
}

.Faqs h2 {
    font-size: 18px;
}

.underline:hover {
	text-decoration:none;
}

    footer h4, footer h5, footer h6 { font-style:normal; }

/*==============
  FORM STYLES   
==============*/

/* ===== COLORS ===== */
.formContainer form{
  background: #eaeaea; /* also color of even rows */
  border: 1px solid #bbb;
}
form li {border-bottom: 1px solid #ccc;}
form li:nth-child(2n+1) {background: #FFF;}
form > li:last-child{background:none}
input[type="submit"] {background: #1B5E93; color: #fff;}
/*label + input[data-val="true"], label + textarea[data-val="true"] {border: 1px solid #C00; /* Border on required fields */}
.field-validation-error { /* Validation error msgs */
  background: #ffebf0;
  color: #C00;
  border-color:#f99;
}
form li ul {
   border: 1px solid #ccc;
   margin: 0 10px;
}
/* ===== STRUCTURE ===== */
.formContainer form {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
    margin: 0 auto 20px;
    max-width: 600px;
    width: 96%;
    padding:0;
}

/* Put the input fields on the same line as their labels */
form label {
    font-weight: normal;
    line-height: 24px;
    display: inline;
}
form li {
    clear: left;
    height: auto;
    overflow:hidden;
    margin: 0;
    padding: 6px;
}
form li:last-child{border-bottom:none}
input, select{float:right;}

/* Style the submit button */
input[type="submit"] {
    border: none;
    border-radius: 6px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    clear: both;
    cursor: pointer;
    font-size: 18px;
    margin: 20px 20% 0;
    padding: 10px 30px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
    width: 60%;
}
label + select, label + input[type="text"], label + input[type="email"], label + input[type="password"], label + input[type="checkbox"] {width: 50%;}
label + textarea {
  width: 100%;
  height:100px;
}

/* Validation errors */
.field-validation-error {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    line-height: 2;
    border-style: solid;
    border-width:1px;
}

/* Reset for Secure Disclaimer */
.formContainer {
    background: none;
    border: none;
}
.formDisclaimer {
    background-color: transparent;
    background-position: 0 0;
    padding: 0;
    text-indent: 20px;
}

/* Reset for map form inputs */
dl.form input {float: none;}

/* Reset for Inv. Listings page */
#InvContainer form, #InvContainer li {
    background: none;
    border: none;
    box-shadow: none;
}
#InvContainer input, #InvContainer select {display: block; float:none}

/* Reset for Inv. Details Page form */
#Profilefrm {margin: 0; float: none;}
#Profilefrm input {display: inline;}
#Profilefrm li {clear: none; padding: 0;}

/*==============
  END OF FORM   
==============*/

/*------------------------------------------
AIS 
------------------------------------------*/

.InvContainer .discountDetails p {color: #000000; font-size: 14px; font-weight: bold;}
.discountDetailsAPR { color: #000000;  font-weight: bold;}
p.discountDetailsAPR { font-size: 14px;}



/*==============
  Inventory   
==============*/
/* Remove text shadow on details page form labels */
.InvContainer .button.green label{text-shadow: none;}

form#CalcPayment.paymentCalcItem dd:nth-of-type(2n) {
    background-color: #ececec;
}

.couponPrice h1 {
    font-size: 24px;
}

.couponHeader h3 {
    font-size: 20px;
}

#hoursBox h4 {
	font-size:16px;
	color:#fff;	
}

#hoursBox div,
.couponDisclaimer p {
	color:#fff;
}

h4 {
	font-size:16px;
}
/*==============
  Sprites   
==============*/
/* Remove text shadow on details page form labels */
.InvContainer {
    color: #000000;
    font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
nav .container 
{
padding:0;
}
#main .container .row .special{
padding:0px;
}
#main .container .row .special h1{
color:#0065b8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:normal;
margin-bottom:10px;
}
#main .container .row .special h2{
color:#000;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:normal;
margin-bottom:10px;
}

.invNameHeader #InvProfileItemHdr h1 span[itemprop="name"] {
	font-size:20px;
}

#main .container .row .special p{
color:#838383;
font-size:14px;
font-family: arial, sans-serif;
line-height:24px;
font-weight:normal;
margin-bottom:10px;
}
.InvContainer .button.green label{text-shadow: none;}

#main .InvContainer #sideBoxALL a, #main div#sideBoxALL ul li a:hover, #main div#sideBoxALL ul li.active a{
      color :#0065b8;  
}
#main .NowShowing {
    float: right;
    text-align: right;
    width: auto !important;
}
#main .InvContainer .NewUsedCertTitle, #main #NewUsedCertTitle{
    color :#0065b8;
}
#main .container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
	padding:20px;
    min-height: 460px;
}
#main .InvContainer #InvTitleArea .srchTitle{
    color :#000000;
	font-size:24px;
	font-weight:normal;
}
#main .InvContainer #InvTitleArea .srchTitleType{
    color:#0065b8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:normal;
}
#main .InvContainer .tabs dd a.active{
     color :#000000;   
}
.flexslider .InvSpecialBox{
    width: 100%;
    margin: 0;
}
.InvSpecialBox{
    float: left;
    margin: 0 2% 15px;
    min-height: 270px;
    width: 45%;
}
.block-grid.two-up
{
border:none;
}
.invNameHeader  #InvProfileItemHdr h1
{
color:#0065b8;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
padding-top:14px;
font-weight:normal;
}
.invNameHeader  #InvProfileItemHdr h1 span
{
color:#0065b8;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:normal;
}
.m6 .invResultsCarTitleDetails{color :#0065b8;}
#InvContainer .InvBack a{color :#0065b8;}
#InvContainer .InvBack a:hover{color :#000;}
.InvContainer form.nice div.form-field input, .InvContainer form.nice input.input-text, .InvContainer form.nice textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 1rem;
}
 #Profilefrm label input {
    margin: 8px 0 0 3px;
    vertical-align: top;
}
#InvContainer .invIcon, #InvContainer .es-nav span { background-image: url("https://s3.amazonaws.com/dom-cms/Site/7f82a04b-742b-40a9-bd09-74aa88a552a5/images/invSprites.png"); }
#InvContainer .invIcon.tiny { background-image: url("https://s3.amazonaws.com/dom-cms/Site/7f82a04b-742b-40a9-bd09-74aa88a552a5/images/invSpritesTiny_1.png"); }
#InvContainer .invIcon.resultsCarfax1 { background: url("https://s3.amazonaws.com/dom-cms/prod-web/Content/Inventory/images/invCarfax.png") no-repeat scroll -180px -20px transparent; }
#InvContainer .invIcon.resultsCarfax2 { background-image: url("https://s3.amazonaws.com/dom-cms/prod-web/Content/Inventory/images/invCarfax.png"); }
ul .invDetailsDisclaimer
{
 color: #7D7D7D;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
}
.InvContainer .button.green{
     background-image: url("https://s3.amazonaws.com/dom-cms/Site/7f82a04b-742b-40a9-bd09-74aa88a552a5/images/invBgSprites.png") !important;       
}

/*For home Page search Arrow*/

/*
#InvSearchBoxSubmit .invIcon {
    background: url("https://s3.amazonaws.com/dom-cms/Site/596d3d70-c9e2-49b0-a540-8c0c8af6793f/images/invSprites.png") no-repeat scroll -39px -200px rgba(0, 0, 0, 0);
 }
*/
 

a {
    color: #CC0000;
    cursor: pointer;
}
a:hover , a:visited{
    color: #222;
}
/* === COLORS === */

.couponContainer {
    background: #fff;
    border: 3px dashed #666;
}
.couponContainer > div:first-child{
  background:#ddd;
  border:1px solid #999;
}
.couponContainer a.print {
    background: none repeat scroll 0 0 #336699;
    border-top: 1px solid #CCC;
    color: #FFF;
}
#couponDisclaimer, #couponExpiration, .couponPrint{
  background: none;
  color: #999; 
}

/*=== STRUCTURE ===*/
.couponContainer {
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto 20px;
    padding: 5px;
    width: 80%;
}
.mapPrint{margin:10px 0 0}
.couponContainer a.print {
    display: block;
    font-weight: bold;
    line-height: 2.5;
    text-align: center;
}
#couponInfo p{font-size:14px; font-size:1.4rem}
#couponInfo p{margin:0 20px 20px}
#couponDisclaimer p, #couponExpiration p {
    font-size: 10px;
    font-size: 1rem;
    padding: 0;
}
#couponImage img{margin:5px; max-width:100%}
.lbutton {
    background: none repeat scroll 0 0 #E1253D;
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    margin: 2px 5px;
    padding: 9px 20px;
}
.lbutton:hover, .lbutton:active, .lbutton:focus, .lbutton:visited{
    color :#fff;
}
.department {
    margin-bottom: 30px;
}
.department .even-grid.block-grid.two-up li{
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 15px;
	margin-bottom:15px;
}

.department ul dl{
    border: none;
    padding: 2px;
    margin-bottom: 0;
}
.department .staffName{
    font-weight: bold;
}
iframe{
    max-width: 100%;
}.buttonWrapper {
    width: 100%;
}

.buttonWrapper .button.blue {
    background: none repeat scroll 0 0 #0072BC;
    color: #FFFFFF;
    display: block;
    margin-bottom: 5px;
}
.buttonWrapper .button.blue:hover{
    background: #4F6493;
}

.eight .buttonWrapper .button.blue {
    display: inline-block;
    margin: 1%;
    padding-left: 5%;
    padding-right: 5%;
    width: 37%;
}

.look
{
text-align:center;
margin:0;
line-height:0;
}
.invIcon.search {
    background-position: -110px -200px !important;
}
.InvSpecialFlag h3 {
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 0 none;
    border-top: 0 none;
    color: #000000;
    display: block;
    font: bold 18px/30px Trebuchet MS,Arial,sans-serif;
    height: 30px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: 0;
    text-shadow: 0 0 0;
    top: 0;
}
.InvSpecialName a {
    color: #336699;
    font: bold 1.5em/23px Arial,sans-serif;
    text-decoration: none;
}
.InvSpecialDetails .InvSpecialName a:hover {
    color: #000;
}

h3.staffDepartment {
	color:#36c;
}

#phoneBox p,
#phoneBox h4 {
	color:#fff;
}

#phoneBox p {
	font-size:1.6rem;
}

#phoneBox .phoneLink {
	color:#fff !important;
}

/* -----------------------------------------
   Page Name 2
----------------------------------------- */


/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media only screen and (max-width: 979px) {		

#SiteContainer {
	padding:10px 20px;
}

#nav-container a {
	padding:0 4px;
}

}
@media only screen and (max-width: 767px) {		
 .InvContainer .invProfileCTA5.green {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
 .clickout.text-left {
    padding-bottom: 5px;
}
 #main .InvContainer .p12 {
    margin-top: 5px;
}
 .invDetailsDisclaimer {
    padding: 5px 0;
}
 #CalcPaymentRev select{
width: 100%;
}


a {
	word-break:break-all;
}
	/* anything below 767px */
    header .logo, header .address { text-align: center; }
    /*#nav-container, .nav ul { display: none; }
	#nav-container li, .nav li { display: block; text-align: left; float: none;}
	#nav-container li ul, .nav li ul { position: static; width: auto; }
	#nav-container li ul li a { width: auto; }*/
    .formcontainer form{box-shadow:none;margin-left:0;}
    form input{display:block;float:none;width:100%;}
    label + select{float:none;}
  
  .row .columns {width: 100%; margin: 0;}
  .row {min-width: auto;}
  #SiteContainer {
	  padding:0;
	 }
   header {padding: 50px 20px 10px 20px; background:#043e84; text-align:center;}
  .mobileMenu, #nav-container .flyoutNav, #nav-container li { display: block; }
  #sideBoxALL, #nav-container li ul ul, .mobileMenu .callBtn/*, header .mapLink*/ { display: none; }
  .sideShowing #SiteContainer, #nav-container li ul { position: relative; }
  .sideShowing #SiteContainer { left: 266px; }
 
  /* Slide-out Menu */
  nav{top: 2px; left:-268px; position: absolute;}
  .nav{height:auto; border:none;}
  #nav-container {height: auto; top: 2px; left: 0; padding: 0; text-align: left; width: 262px; z-index: 55; background:#043e84; position: absolute;}
  #nav-container li{border-bottom: 1px solid #151515}
  #nav-container > li a {color: #fff; font-size: 14px; line-height: 2; padding-left:10px;}
  #nav-container a:hover, li.sfhover, #nav-container li.sfhover > a {background: #ffcc33; text-decoration: none; color: #000;}
  #nav-container li ul {width: 96%; margin: 0 auto; box-shadow: none;}
  #nav-container li ul li {border-color: #333;}
  #nav-container li ul li a{font-size:1.4rem;}
  #nav-container a { display: block; padding: 0px;}
  #nav-container li ul {width: auto;}
  
  #hoursBox {text-align:center;}
  
  footer {
	  text-align:center;
	  padding:20px;
	 }
}

@media only screen and (max-width: 600px) {
  .mobileMenu .callBtn { display: inline-block; }
  .mobileMenu .contactBtn, header .phone { display: none; }
}

@media only screen and (max-width: 480px) {    
	/* anything below 480px */
  .menuModal div { width: 100%; text-align: center; margin-bottom: 6px;}
  .formContainer form {box-shadow: none; margin: 0 auto 20px;  width: 100%;}
  input[type="submit"]{width:90%; margin: 10px auto 0;}	
  .mobileMenu .menu {line-height:30px;}
  
  footer .phoneLink {
		cursor:pointer;
	}
	
.phoneLink {
	cursor:pointer;
}

.department .even-grid.block-grid.two-up li {
	padding:0 3%;
	width:100%;
}
	
}

@media only screen and (max-width: 400px) {
  .mobileMenu li { text-align: center; }
  .mobileMenu a { line-height: 30px; }
  .mobileMenu strong { display: none; }

  .mobileMenu span { float: none; display: inline-block; margin: 5px 0 0}
  
  footer {
	  padding:20px 10px;
	 }

}
@media only screen and (max-width: 360px) {
  .mobileMenu li {width: 23%; }
  .mobileMenu img {float: none;}
}