@font-face {
    font-family: myFont;
    src: url(../fonts/PressStart2P.ttf);
}
body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/backg.jpg);
	background-size: 100% 100%;
	background-repeat: repeat-x;
}

iframe{
	border:5px solid #AEAEAE;
	box-shadow: 2px 2px 0px #000000;
	width : 600px;
	height: 336px;
}

*,p,h1,h2,h3{
	color:#fff;
	font-family: myFont;
	font-size: 15px;
	line-height: 20px;
	text-shadow: 2px 2px 0px #000000;
}

#container{
    margin : 0 auto;
    width:650px;
    text-align: center;
	overflow: hidden;
	position:relative;
}

#logoBack{
	background : url(../images/logo_back.png) repeat-y;
	position: absolute;
	left: 50%;
	top: 70px;
	width: 28px;
	height: 1600px;
	margin-left:-14px;
	z-index:-10;
}

#tweetContainer{
	position:absolute;
	right:0;
	top:50%;
}

#logoContainerDiv {
	margin-top:10px;
	margin: 0px auto;
	max-width: 500px;
	padding-top : 10px;
}
#logoContainerDiv img {
}

#videoContainer{
	padding-top:20px;
}

#subtitleContainer {
  font-size: 14px;
  line-height: 1.2em;
  text-align: left;
  margin: 0px auto;
  max-width: 500px;
  padding-top: 20px;
  padding-left: 3px;
  padding-right: 3px;
}

#platformsContainer{
		padding-top:40px;
        padding-bottom:35px;
}
#platformsContainer a{
	padding:15px;
}

.presskitLink{
	font-size : 1.3em;
	font-weight:bold;
	padding-bottom: 15px;
	display: inline-block;
}

#footer{
	height:200px;
	margin-top:50px;
}

#footer h1{
font-size:1.2em;
}

#footer a img{
	padding:15px;
	width:60px;
	height:60px;
}

@media only screen 
and (max-width : 1024px) 
{
	#tweetContainer{
		display:none;
	}
}

@media only screen 
and (max-width : 500px) 
{
		#subtitleContainer{
			max-width:100%;
		}
		
		#container{
			margin : 0 auto;
			width:100%;
		}
		
		iframe{
			width:95%;
		}
		
		#platformsContainer a{
			padding:0;
		}
		
	#tweetContainer{
		display:none;
	}
		
}

@media only screen 
and (max-width : 300px) 
{
	#logoContainerDiv img {
		width:100%;
	}
	
	#footer a img{
		padding:3px;
		width:60px;
		height:60px;
	}
	
	#tweetContainer{
		display:none;
	}
}

a:active{
    transform : scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);

}