@media only screen and (max-width: 600px) {
			.no-image {display:none !important;}
		}
		
		@media only screen and (max-width: 600px) {
		   .show-image {display:block; margin: 0 auto;}
		   	.banner_small { width:99%;}
		}
		
		
		@media only screen and (min-width: 601px) {
			.show-image  {display:none !important;}
		}
		
		
		@media only screen and (max-width: 600px) {
			.smaller	{
						font-size: 12px;
						width: 200px;
						}
		}
		
		
		@media print and (min-width: 601px) {
			.show-image  {display:none !important;}
		}
		
		
								 
		/* gray boxes shading and rounding */
		.gray
		   {
			/* outer shadows  (note the rgba is red, green, blue, alpha) */
			-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
			-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);

			/* rounded corners */
			-webkit-border-radius: 12px;
			-moz-border-radius: 7px; 
			border-radius: 10px;

			/* gradients */
			background: -ms-linear-gradient(top, #ffffff 0%,#E0E8EA 90%,#E0E8EA 95%); /* IE10+ */
			background: -webkit-gradient(linear, right top, right center, color-stop(0%, white), color-stop(0%, white), color-stop(100%, #E0E8EA)); 
			background: -moz-radial-gradient(center, white 0%, white 55%, #E0E8EA 90%); 
				   
			/* border */
			border:1px solid; 
			border-color: silver;
			}
			
			
	/* menu boxes padding and margins */
		.menu
			{
			padding-top:5px; 
			padding-right:5px; 
			padding-left:12px; 
			padding-bottom:10px; 
			margin-bottom:5px; 
			background-color:#E0E8EA; /* if shadowing does not work */
		}