body {
				background-image: url('html-assets/brick.jpg');
				background-repeat: repeat;
                margin: 0;
                padding: 3em 0 0 0; 
				font-family: 'Source Sans Pro', sans-serif;
				font-weight: normal;
            }
			
			h1, h2, h3, h4{
				font-weight: normal;
				font-family: 'Source Sans Pro', sans-serif;
				color: #555;
				margin: 0 0 0.666em 0;
				}
			
			h1{
				font-size: 1.7em;
				line-height: 1.3em;
				color: #888;
				/*font-weight: bold;*/
				}
			
			h2{
				font-size: 18px;
				line-height: 1.3em;
				font-weight: bold;
				}
			
			h3{
				font-size: 1em;
				line-height: 1.2em;
				font-weight: 500;
				}
				
			#instructions p{
				font-size: 13px;
				}
			
			li{
				margin-bottom: 1.2em;
				font-size: 15px;
				/* font-weight: bold; */
				color: #555;
				}
			
			li img{
				margin-top: 0.4em;
				max-width: 300px;
				}
		
            #screen {
                margin: 0 auto;
                max-height:1000px;
                max-width:1200px;
                position: relative;
                overflow: hidden;
				-webkit-box-shadow: 0 10px 25px 5px rgba(0,0,0,0.4);
				box-shadow: 0 10px 25px 5px rgba(0,0,0,0.4);
				border: 1px solid #400;
				border-radius: 0.3em;
            }
			
			.logo{
				width: 300px;
				float: right;
				margin: 0 0 1em 1em;
				}
			#footer{
				max-width: 320px; 
				font-family: 'Source Sans Pro', sans-serif;
				color: #fff;
				font-size: 0.75em;
				line-height: 1.45em;
				margin: 0 auto;
				text-align: center;
				}
				
			#footer p{
				margin-bottom: 0.5em;
				}
			
			a, a:hover{
				color: #FC3;
				}	
			
			#iphone_android{
				position: absolute;
				right: 0;
				top: 3em;
				width: 230px;
				}
			
			img, embed, object, video, iframe {
				max-width: 100%;
			}
			
			
			#instructions{
				z-index: 2500;
				display: none;
				position: absolute;
				top: 2em;
				/*left: 50%;
				margin-left: -10em;*/ /* IF YOU KNOW THE WIDTH THIS WORKS TO CENTER */
				left:0;
				right:0;
				margin-left:auto;
				margin-right:auto;
				
				padding: 2rem;
				max-width: 23rem;
				background: #fff;
				border: 1px solid #333;
				border-radius: 1em;
				-webkit-box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
				-moz-box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
				box-shadow: 0 4px 15px 5px rgba(0,0,0,0.4);
				}
				
			#instructions a{
				font-size: inherit;
				color: #ae8005 !important;
				}
			
			#hideBackground{
				z-index: 2000;
				display: none;
				background: #000;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				filter: alpha(opacity=60);
				-moz-opacity: .6;
				-khtml-opacity: .6;
				opacity: .6;
			}
			
		/* Tablets */
		@media screen and (max-width: 900px) {
			#iphone_android{
					width: 180px;
				}
		
		}

		/* iPad Landscape */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (orientation : landscape) {
			
			body{
				padding: 2% 0 0 0;
				}
			
		}


		/* Mobile specific CSS */
		@media screen and (max-width: 1025px) {
			body{
				padding: 0;
				}
				
			#screen {
				border: 0;
				border-radius: 0;
				display:none;
			}	
				
			.hide-mobile{
				display: none;
				}

				.mobileinfo {
					display: block !important;
					text-align: center;
					margin-top: 5%;
					font-size: 14px;
					color: #fff;
					margin-bottom: -5%
					font-size: 24px;
		text-shadow: 2px 2px #000;
				}

					.mobileinfo h1 {
						font-family: 'Press Start 2P', cursive;
						color:white;
					-webkit-text-stroke-width: 2px;
 					-webkit-text-stroke-color: black;
 					font-size: 35px;
 					text-transform: uppercase;
		
				}

				form {
					display: none;
				}
			
		}
		
			.sendscore{
		width: 1000px;
		margin: 0 auto;
		padding: 30px 0;
	}

				.sendscore h2{
					font-family: 'Press Start 2P', cursive;
					color:white;
					-webkit-text-stroke-width: 2px;
 					-webkit-text-stroke-color: black;
 					font-size: 30px;
 					text-transform: uppercase;
	}

	.sendscore p{
		font-size: 20px;
		text-shadow: 2px 2px #000;
	}

	    .sendscore form{
		color: #fff;
		margin-bottom: 15px;
        padding: 30px;
        text-align: center;
    }

    	.sendscore button{        
        font-size: 18px;
        font-weight: bold;		
		width: 20%;
        outline: none !important;
        background-color: #51AD48 !important;
        color: #fff;
    }

       .sendscore button:hover {
    	background-color: #419641 !important;
    }

    .sendscore input {
    	border-radius: 0px !important;
    	border: 1px solid black;
    	width: 77%;
    }

    	.anniv-logo {
	margin: auto;	
	 display: block;
	 margin-bottom: 20%;
}