/*
* * Moon Dogs Pizza
* Copyright 2012
* by Nicole Allen at Design Vitamin
* URL: http://designvitamin.com/
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

.call {
	text-decoration: none;
	color:#ffdd00;
}
.mobile {display:block}

.footAdvert { }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.feedback { float:left;}

.mobile {display:block}
    .logo { float:right; margin:0px 0px 0 0; width:50%;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.headerlogo {float:left; margin:5px 0px;}
		header h1 { font-size: 4em; letter-spacing:3px; margin: 15px 0 5px 0;text-shadow: 0.05em 0.05em 0.03em rgba(91,51,15,0.65); text-align:center;}
	header h2 { font-size: 2.8em; letter-spacing:2px; margin: 0px; text-align:center; }
	.logo { float:right; display:block; width:40%; margin:50px 10px 0 0;}
	header h3 { font-size: 1.8em; letter-spacing:2px; margin: 10px 0 0px 0; }
	header h5 { font-size: 1.7em; line-height: 24px; margin: 4px 0px; }
	aside li { font-size:1.4em; margin:25px 0px;}
	aside h3 {  font-size: 2.2em; line-height: 30px; margin: 2px 0px; }
	aside h4 { font-size: 2.3em; line-height: 34px; margin: 2px 0px; }
	aside.fullmoon, aside.party  { display:none;}
	footer h3 { font-size: 2.0em; line-height: 34px; margin: 2px 0px; }
	.call {
	text-decoration:underline;
	color: #ffdd00;
}
.coupon{
	width: 230px;
	padding:5px 12px;

}
.coup{
	width: 230px;
	padding:5px 12px;

}
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

  	.call {
	text-decoration:underline;
	color: #ffdd00;
}
	.mobile {display:none}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.headerlogo {float:left; margin:5px 0px;}
		header h1 { font-size: 3.2em; letter-spacing:3px; margin: 30px 0 5px 0;text-shadow: 0.05em 0.05em 0.03em rgba(91,51,15,0.65); text-align:center;}
	header h2 { font-size: 2.3em; letter-spacing:2px; margin: 0px; text-align:center; }
	.logo { float:none; display:none;}
	#sidebar { text-align:center; margin-top:10px;}
	aside li { font-size:1.5em; margin:30px 0px;}
	aside h3 {  font-size: 2.8em; line-height: 30px; margin: 2px 0px; }
	aside h4 { font-size: 2.3em; line-height: 34px; margin: 2px 0px; }
	footer {text-align:center;}
	footer ul {
	list-style-type: none;
	margin-left: 25px;
}
.coupon{	width: 92%; padding:5px 12px;}
.coup{	width: 92%; padding:5px 12px;}
	.coupon.alpha      { margin-left: 0; float:none; }
	.coupon.omega    { margin-right: 0; float:none; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.headerlogo {float:none; margin:5px 60px;}
		  .logo { float:none; display:none;}
		  .feedback { float:none; }
	header h1 { font-size: 3.8em; letter-spacing:3px; margin:0px 0 14px 0;text-shadow: 0.05em 0.05em 0.03em rgba(91,51,15,0.65); text-align:center;}
	header h2 { font-size: 3.5em; letter-spacing:2px; margin: 0px 0 0px 0; text-align:center; }
	#sidebar { text-align:center; margin-top:10px;}
	aside li { font-size:1.5em; margin:30px 0px;}
	aside h3 {  font-size: 2.8em; line-height: 30px; margin: 2px 0px; }
	aside h4 { font-size: 2.3em; line-height: 34px; margin: 2px 0px; }
	footer {text-align:center;}
	footer ul {
	list-style-type: none;
	margin-left: 25px;
}
.mobile {display:none}
.coupon{	width: 82%; padding:5px 22px;}
.coup{	width: 82%; padding:5px 22px;}
	.coupon.alpha      { margin-left: 0; float:none; }
	.coupon.omega    { margin-right: 0; float:none; }
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/