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

h1#logo {font-size:1.8em; }

#contest-box {
    padding: 0 4em 0 0;
}

#contest-box h3 {font-family:knockout, Impact, arial, sans-serif; font-weight:bold; color:#ed2024; font-size:2.5em; text-align:center;}			   
#contest-box p {
    color: #000000;
    font-size: 1.1em;
    text-align: center;}
	
#contest-box .btn {display:block; margin:auto; width: 80%; }

.text-shadow {text-shadow: 0 0 10px rgba(0,0,0,0.90);-moz-text-shadow: 0 0 10px rgba(0,0,0,0.90);-ms-text-shadow: 0 0 10px rgba(0,0,0,0.90);-o-text-shadow: 0 0 10px rgba(0,0,0,0.90);-webkit-text-shadow: 0 0 10px rgba(0,0,0,0.90);}

.contest-rules {text-align:center; color:black; display:block; float:none; text-decoration:underline; margin: 1em 0;}
.contest-rules:hover {color:#ed2024;} 
/*-----------MODAL----------------*/
.modal-content img.img-responsive {margin:auto;}
.modal-content button {margin:auto;}
.modal-content .terms-conditions {padding: 0em; margin-top:-4em;}

.store-listing ul {display:block; margin: auto; width: 80%; float:right;}
.store-listing li {text-align:left; width: 40%; float:left; display:block; margin-left: 30px; font-size: .8em; }

/*--------HERO STYLING------------*/
#hero {	background-image:url(../images/papa-john-pepporoni3.jpg);
		background-repeat:no-repeat;
		background-size:125%; 
		background-position:-9em -3em;
		background-attachment:fixed;
		padding: 0em 0 3em 0;}


#hero .left-cell img.img-responsive {
    float: left;
    margin: -1em 0 1em 0;
    width: 80%;
}
#hero h1, #hero h2 {
    font-size: 3.5em;
}

.more {background-image:url(../images/napkin-texture.jpg); background-repeat:no-repeat; background-size:cover;}

/*--------MEDIA QUERIES------------*/

@media only screen and (min-width : 1201px) {

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





@media only screen and (max-width : 979px) {
	#hero {	background-position: -80px 40px;}	
	.left-cell {margin-top: 7em;}
	#hero {	background-size:130%; 
		background-position:-13em 6em;}

	}

@media only screen and (max-width : 768px) {	
#hero .container {width: 100%; padding: 8em 0 6em 0;}


#hero .container {width: 90%; padding: 9em 0 6em;}
#hero {	background-image:url(../images/mobile-image.jpg);
		background-size:cover;
		background-position:center -40em;
		background-attachment:scroll;
		padding:1em 0 0 0;
		min-height:100%;}
		
.store-listing {
    padding: 0;
}
.store-listing {width: 100%; margin:0;}
.store-listing li {width: 100%; margin-left: 0px; font-size:.8em; text-align:center;float:none;}

#contest-box {padding:0;}
#contest-box p {font-size:1.6em;}
.contest-rules {font-size:1em;}
#hero .left-cell img.img-responsive {width: 100%; margin:-1em auto 2em auto;}
.left-cell {margin-top: -1.2em;}	
#contest-box .btn {
    display: block;
    font-size: 2em;
    margin: auto;
    width: 50%;
}
#sp-video-wrapper {padding: 1em 0;}
#sp-video-wrapper p {font-size:1.5em;}
}


@media only screen and (max-width : 480px) {
#hero h1, #hero h2, h1, h2 {font-size: 2.9em; text-align:center;}
#hero .container {width: 100%; padding: 0em 3em 0 3em;}
h1#logo {font-size:3em;}

h5 {font-size: 1em;}
#hero {	background-size:cover;
		background-position:center -9em;
		background-attachment:scroll;
		padding:0em 0em 0em 0em;}
#contest-box p {font-size:1em;}
#contest-box .btn {font-size:1.5em;}


#sp-video-wrapper {padding: .5em 0em;}
		#sp-video-wrapper p {font-size:1em;}
		#sp-video-wrapper i {font-size:7em;}	

.modal-content p {font-size: 1.3em;}

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

}