body,html{
	margin: 0;
    padding: 0;
    background-image: url("../img/bg.png");
    background-repeat: no-repeat;
	background-size: cover;
	height:100%;
}
html{
	height: 100vh;
	
	background-color:#101010f7;
}
h1{
	color:white;
	margin:25px 5px 5px 5px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
}

#wrapper{
	margin:10px auto 10px auto;
    padding:10px 20px 10px 20px;
	text-align:center;
	width:1000px;
}



#spacer{
	margin:10px;
}

#bgleft{
	background-image: url("../img/bgleft.png");
	background-repeat: no-repeat;
	background-size: cover;
	position:absolute;
	
	top:0px;
	left:0px;
	width:350px;
	height:1200px;
	opacity:0.6;
}

.bg{
	background-color: #212121;
	width:50%;
	margin: 20px auto;
	padding:5px;
	color:white;
}
#socwrap a, #gallery a{
	text-decoration:none;
}
#socwrap img, #gallery img{
    border:none;
}


.socialbutton{
    width:30px;
    height:30px;
    display:inline !important;
}
#presskit:visited{
    color:gray;
}

#presswrap{
    margin-bottom:15px;
}
#trailer{
    position:relative;
    padding:20px
}

#presskit, #presskit:link, #presswrap a{
    color:white;
}
a, a:link{
    color:white;
}

.leftalign{
	width:480px;
	float:left;
}
.rightalign{
	width:480px;
	padding-left:15px;
	text-align:left;
    font-family:sans-serif;
	display:inline-block;
}
.tworows{
	height:400px;
}

.gallery{
	width:330px;
}

@media only screen and (max-width: 1100px) {
    body {
        background-color: lightblue;
        
    }
    #wrapper{
        padding:5px 10px 5px 10px;
        width:600px;
    }
    #logo{
        width:200px;
        height:auto;
    }
    
    iframe{
        width:540px;
        height:auto;
    }
    #trailer iframe{
        height:300px;
    }
    
    #steamframe{
        height:200px;
    }
    
    .leftalign{
        width:480px;
        height:360px;
        float:none;
        margin:0 auto;
        
    }
    .rightalign{
        display:block;
        float:none;
        text-align:justify;
        margin:0 auto;
        padding:0;
        height:500px;
    }
    
    .tworows{
        display:block;
        position:relative;
        height:700px;
    }
    .gallery{width:250px;}
}