* {padding:0; margin:0}
img {border:none}
html{width:100%;height:100%}
body {
	width:100%;
	height:100%;
    /*font-family: 'Quicksand', sans-serif;
    min-height:40px;*/
    background:#000;
    color:#fff;
}
body.mobile{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:100% 100%;
    background-image:url('justify.jpg');
}
#player{
    position: fixed;
    z-index:-99;
    width: 100%;
    height: 100%;
}
#video{
    width: 200%;
    height: 200%;
    opacity:0;
}
#track{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-21px;
    margin-left:-350px;
    width:100%;
    max-width:700px;
    opacity:.2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition:all .5s;
}
#track:hover{
    opacity:1;
    transition:all .5s;
}
#socials {
    position:fixed;
    bottom: 20px;
    text-align:center;
    width:100%;
    z-index:10001;
    height:34px;
}
#socials a{
    display:inline-block;
    width:34px;
    height:34px;
    margin:0 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor:pointer;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
#socials a.fb{background-image:url(/images/fbw.png);}
#socials a.ig{background-image:url(/images/igw.png);}
#socials a.sc{background-image:url(/images/scw.png);}
.mobile #title{
    top:25%;
    left:10%;
    width:80%;
    height:50%;
}
#content{opacity:0;z-index:2}
@media screen and (max-width: 700px) {
    #track{
        left:0;
        margin-left:0;
    }
}
.mobile #track{
    width:100%;
    margin-left:0;
    margin-top:0;
    opacity:1;
    bottom:0;
    top:auto;
    left:0;
    height:120px;
}