@import url(https://fonts.googleapis.com/css?family=Advent+Pro:100);
html { 
overflow:hidden;
width:100%;
cursor: url(../images/white.png), auto;
}
a {text-decoration:none;}
a:hover {cursor: url(../images/red.png), pointer;}
ul {
    padding:0;
    -webkit-padding-start:0;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
    }
iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}
/*************************************Desktop***************************************/
body {
    background:rgba(0, 0, 0, 1);
    overflow-x:hidden;
    width:100%;
    position:relative;
    top:0;
    left:0;
    margin:0 auto;
    height:100%;
    }
#overlay {
    font-family: 'Advent Pro', sans-serif;
    font-size: 7em;
    margin: 1% 2%;
    font-weight:bolder;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    top:0;
}
#overlay2 {
    font-family: 'Advent Pro', sans-serif;
    font-size: 4em;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    bottom:0;
}
#overlaymenu {
    font-family: 'Advent Pro', sans-serif;
    font-size: 3em;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    left: 0;
    top:0;
}
#overlayaccount {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2em;
    color: rgba(255, 255, 255, 1);
    left:50%; 
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    position:absolute;
    width:80%;
    height:auto;
    display:block;
    margin:0 auto;
}
#overlayaccount a {
padding:0;
margin:0 auto;
display:block;
width:100%;
height:100%;
text-align:center;
}
#overlayaccount ul {
    list-style:none;
    padding:0;
    margin:0 auto;
    display:block;
    width:100%;
    height:100%;
    text-align:center;
}
#overlayaccount li a {
    font-family: 'Advent Pro', sans-serif;
    color: rgba(255, 255, 255, 1);
}
#overlayaccount li.first {
    float:left;
    margin:0 auto;
}
#overlayaccount li {
    float:left;
    margin:0 auto;
    width:50%;
    text-align:center;
}
#overlaymenu ul {
    list-style:none;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: left;
    float: left;
    -webkit-padding-start:0;
}
#overlaymenu li.first {
   float:left;
   padding:0;
   padding-right:2%
}
#overlaymenu li {
   float:left;
   padding:0 2%;
}
video#bgvid { 
    position: fixed; 
    right: 0; 
    top: 0;
    width: 100%; 
    height: auto; 
    z-index: -100;
    background-size: cover;
}


/*************************************Mobile-Landscape***************************************/

@media (min-width:1px) and (max-width:1400px) and (orientation:landscape) {
#overlay {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2.2em;
    font-weight:bolder;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    top:0;
}
#overlay2 {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2em;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    bottom:0;
}
#overlaymenu {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2em;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    left: 0;
    top:0;
}
#overlaymenu ul {
    list-style:none;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: left;
    float: left;
    -webkit-padding-start:0;
    padding:0;
}
#overlaymenu li.first {
   float:left;
   padding:0;
   padding-right:2%
}
#overlaymenu li {
   float:left;
   padding:0 2%;
}
video#bgvid { 
    position: fixed; 
    right: 0; 
    top: 0;
    width: 100%; 
    height: auto; 
    z-index: -100;
    background-size: cover;
}
}

/*************************************Mobile-Portrait***************************************/
@media (min-width:400px) and (max-width:1400px) and (orientation:portrait) {
#overlay {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2.2em;
    font-weight:bolder;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    top:0;
    }
#overlay2 {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2em;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    bottom:0;
}
#overlaymenu {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2em;
    margin: 1% auto;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    left: 0;
    top:0;
    width:100%;
}
#overlaymenu ul {
    list-style:none;
    margin: 0 auto;
    width: 97%;
    display: block;
    text-align: left;
    float: left;
    -webkit-padding-start:0;
    padding:0;
    padding-left:3%;
}
#overlaymenu li.first {
   float:left;
   padding:0;
   padding-right:1%
}
#overlaymenu li {
   float:left;
   padding:0 1%;
}
video#bgvid { 
    width: 322%; 
    height: 100%; 
    z-index: -100;
    background-size: cover;
    left:50%; 
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    position:absolute;
}
}
/*************************************Mobile-Portrait-Under-400px-Width***************************************/
@media (min-width:1px) and (max-width:399px) and (orientation:portrait) {
#overlay {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2.2em;
    font-weight:bolder;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    top:0;
    }
#overlay2 {
    font-family: 'Advent Pro', sans-serif;
    font-size: 2em;
    margin: 1% 2%;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    right: 0;
    bottom:0;
}
#overlaymenu {
    font-family: 'Advent Pro', sans-serif;
    font-size: 1.5em;
    margin: 1% auto;
    color: rgba(255, 255, 255, 1);
    position: fixed;
    left: 0;
    top:0;
    width:100%;
}
#overlaymenu ul {
    list-style:none;
    margin: 0 auto;
    width: 97%;
    display: block;
    text-align: left;
    float: left;
    -webkit-padding-start:0;
    padding:0;
    padding-left:3%;
}
#overlaymenu li.first {
   float:left;
   padding:0;
   padding-right:1%
}
#overlaymenu li {
   float:left;
   padding:0 1%;
}
video#bgvid { 
    width: 322%; 
    height: 100%; 
    z-index: -100;
    background-size: cover;
    left:50%; 
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    position:absolute;
}
}