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

h1#logo {font-size:1.8em; margin-left:.25em; }

.contest-box {
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #ffffff;
    margin: 1em 0;
    padding: 1em 1em 1.5em 1em;
	text-align:center;
	width:70%;
}
#hero, #unlimited-access, #exlusive-content, #gametracker, #benefits {overflow:hidden;}
#exlusive-content, #gametracker, #benefits {padding-top: 5em; padding-bottom:1em;}

#benefits .right-cell img.img-responsive {margin-top: 0;  margin-top: -2em; margin-left: -5em;}

		   
.win {font-family:knockout; font-size:2.5em; line-height:.8em; text-transform:uppercase; color:yellow; display:block;clear:both;}
.contest-box p {
    color: #000000;
    font-size: 1em;
	margin-top: 1em;
	margin-bottom:.25em;
	padding: 0 2em;}
	
#contest-box .btn {display:block; margin:1em 0 0 0; width: 70%; }
#hero .left-cell .contest-box .btn {font-size:1.5em;}
.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;} 

/*CONTEST MODAL*/

.modal-content h3   {font-family:knockout; font-size: 2.7em; line-height: 0.8em; text-transform: uppercase; width: 80%; margin:auto; }
.modal-content h5   {font-family:knockout; font-size: 1.7em; line-height: 1em; color:#000000;margin: 0em auto .3em auto; }
.modal-content p  {font-size: 1em; line-height: 1.3em; color:#000000; font-weight:normal; text-align:left; margin-top: 1em;}
.modal-content .btn.modal-button {margin:.5em auto;}
.modal-content .terms-conditions p {font-size: .6em; color:#676767; text-align:left;}
.modal-content {text-align:center; padding: 0 0 0 0; width: 95%;}
.modal-content ul.prize-listing {margin-bottom: 1em; }
.modal-content ul.prize-listing li  {text-align:left; list-style:square; color:#505050; font-size: .9em; width: 80%; margin:auto;}
.game-listing li p {
    color: #5f5f5f;
    font-size: 0.8em;
    line-height: 0.9em;
    text-align: center;
    width: 100%;
}
.game-listing li h6 {font-family:knockout; color:red;}
.modal-content p {
    color: #000000;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3em;
    margin-top: 1em;
    text-align: left;
}
.game-listing {
    margin: auto;
    padding-left: 1em;
    padding-right: 1em;
    width: 95%;
}

.game-listing {margin: 0 auto 1em auto; width: 95%; margin:auto; padding-left: 1em; padding-right:1em;}
.game-listing li {dislay:block; width: 18%; margin-right: 1%; list-style-type:none; text-align:center;float:left; padding: .75em .3em; border: solid 1px #ED0206; min-height:6.5em;}
.game-listing li h5 {font-size: 1.5em; text-align:center; width: 100%; color:red;}
.game-listing li p {font-size: .8em; line-height:.9em; text-align:center; width: 100%; color:#5F5F5F;}
/*CONTEST MODAL*/	

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

#hero .left-cell h1, #hero .left-cell p {color:#ffffff !important;}
#hero .left-cell p { font-size:1.3em;}
#hero .left-cell img.img-responsive {
    float: left;
    margin: -1em 0 1em 0;
    width: 80%;
}

#hero .right-cell img.img-responsive {
    margin-left: 0em;
    margin-top: -2em;
    max-width: 100%;
}

#hero h1 {
    font-size: 6em;
	
}

#hero h2 {
    font-size: 3.5em;
	
}


/*--------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/cubs-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) {

}