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

@media only screen and ( max-width: 640px; ) /* 640 */
{
	
#container {
	width: 640px;
	background-color:black;
	background-image: none;
}
	
#logo {
	text-align: center;
	width: 100%;
	max-width: 640px;
}

#stores {
	width: 100%;
	text-align: center;
}

#social {
	width: 100%;
	text-align: center;
	margin-left: 5px;
}

#bannerImages img {
	width: 100%;
	max-width: 640px;
}

#banner {
	width: 100%;
	max-width: 640px;
	height: 192px;
}

#mission {
	margin-left: -15px;
}

#mission > p {
	width: 100%;
	max-width: 640px;
}

#explore {
	width: 100%;
	max-width: 640px;
	margin-left: 0px;
	margin-top: 50px;
}
	
   #showNav {
	   display: block;
   }
   
   #nav {
	   display: none;
   }
   
   #nav li {
	   float:none;
   }
   
#about {
	width: 100%
	max-width: 640px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}

#footer {
	width: 100%
	max-width: 640px;
}

.bottom {
	width: 100%;
}

}

@media handheld, screen and (max-width: 540px) {
	
body, html {
	width: 540px;
	overflow-x: hidden;
}
	
#container {
	width: 540px;
	width: 100%;
	background-color:black;
	background-image: none;
}
	
#logo {
	width: 100%;
	text-align: center;
	max-width: 540px;
	}
	
#stores {
	width: 100%;
	text-align: center;
}

#social {
	width: 100%;
	text-align: center;
	margin-left: 5px;
}

#banner {
	width: 100%;
	max-width: 540px;
	height: 162px;
}

#bannerImages img {
	width: 100%;
	max-width: 540px;
}

#mission > p {
	width: 100%;
	max-width: 540px;
}

#explore {
	width: 100%;
	max-width: 540px;
}
	
#showNav {
	   display: block;
	}
   
#nav {
	   display: none;
	}
   
#nav li {
	   float:none;
   	   }
	   
#about {
	width: 100%
	max-width: 540px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}

#spitzerLinks ul {
	width: 100%;
	max-width: 540px;
}

#footer {
	width: 100%
	max-width: 540px;
}

.bottom {
	width: 100%;
}
	
}

@media handheld, screen and (max-width: 320px) {

	
body, html {
	width: 320px;
	overflow-x: hidden;
}
	
#container {
	width: 320px;
	background-color:black;
	background-image: none;
}
	
#logo {
	text-align: center;
	width: 100%;
}

#stores {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
}

#social {
	width: 100%;
	text-align: center;
	margin-left: 5px;
	max-width: 320px;
}

#banner {
	width: 100%;
	max-width: 320px;
	height: 96px;
}

#bannerImages img {
	width: 100%;
	max-width: 320px;
}

#mission > p {
	width: 100%;
	max-width: 320px;
}

#explore {
	width: 100%;
	max-width: 320px;
}
	
	#showNav {
	   display: block;
   }
   
   #nav {
	   display: none;
   }
   
   #nav li {
	   float:none;
   }
   
#about {
	width: 100%
	max-width: 320px;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}

#footer {
	width: 100%
	max-width: 320px;
}

.bottom {
	width: 100%;
}
	
}