body {
color:black;
overflow:hidden;
background-color:#adadad;
font-family:Arial;
padding:0;
margin:0;


}

h1 { 
font-weight: lighter;
font-weight:normal;
font-family:Segoe UI Light, Segoe UI, Arial, Sans-serif;
font-size: 16px;
font-size:3vw;
}

a:link {color:black;}


#help {opacity:0.5;float:right;width:64px;}

#video_main {
position: fixed;
left: 0;
bottom: -30px;
background-color:#000;
width:100%;
z-index: -1;
}

#comment-block {

text-align:left;
right:8%;top:70%;
position:fixed;
width:42%;
opacity:0.3;
z-index:999;
display:block;
}

#imdb {
display:none;
}

#imdb img {
width:50px;
}

#description {
opacity:0.8;
}

#comment {
display:none;
}

#trailer {
border-radius: 3px; 
width:40%;
height:45%;
border:10px solid black; 
padding:5px 5px 15px 5px; 
background:black;
right:8%;top:16%;
position:fixed;z-index:999;

}

#static{

    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
	display:none;

}

#textstuff {
width:35%;
margin-left:8%;
margin-top:10%;
z-index:999;
}

button {
padding:4%;
font-size:20px;
border:0;
color:#fff;
background:#444;
}

button:hover {

background:#111;
}

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http") {

h1 {
  font-family: "Segoe UI" !important;
  font-weight: 300 !important;
}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {


body {
	
	
	 background: url(horse.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
color:white;
}
#trailer {
top:24%;
width:40%;
height:32%;
}

#help {display:none;}

#textstuff {

margin-top:16%;

}

#static {display:block;}
#video_main {display:none;}


}