html {
overflow:hidden;
width: 100%;
height:100%;
background: #111;
min-width:480px;
}
body {
margin:0;
padding:0;
height:100%;
width:100%;
min-width:480px;
}
embed, object, video {
width: 100% !important;
height: 100% !important;
display:block !important;
position:absolute !important;
}
.social {
width: 280px;
height: 20px;
position: fixed;
z-index: 999;
top: 8px;
left: 50%;
margin-left: -140px;
color: #FFFFFF;
}
.fb_iframe_widget {
float: left !important;
margin: 0 12px 0 0 !important;
display: block !important;
}
#twitter-widget-0 {
float: right !important;
display:block !important;
}
#cover {
height:100%;
width:100%;
background:#111;
display: block;
position: fixed;
z-index: 999;
}
.hidden {
display:none !important;
}
#cover img {
cursor: pointer;
}
@media only screen and (max-width : 480px) {
#cover img {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
}
}/* End Small -----------*/
/* Medium ----------- */
@media only screen and (min-width : 481px) and (max-width : 980px) {
#cover img {
width: 220px;
height: 220px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -110px;
margin-left: -110px;
}
}/* End Medium -----------*/
/* Large ----------- */
@media only screen and (min-width : 981px) and (max-width : 1279px) {
#cover img {
width: 320px;
height: 320px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -160px;
margin-left: -160px;
}
}/* End Large -----------*/
@media only screen and (min-width : 1280px) {
#cover img {
width: 420px;
height: 420px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -210px;
margin-left: -210px;
}
}/* End VERY Large -----------*/