html, body {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  
}
body {
  margin: 0;
  font-family: 'GidoleRegular', arial;
  background-color:#000000
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
.logo.DejaVu{
  font-family: 'DejaVuSansMonoBold', 'Lucida Console'; 
  font-weight: bold; 
  font-style: normal; 
  font-size: 82px;
}
.content {
  position: absolute;
  bottom: 0;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 300px;
  padding: 15px;
}
.contentfirst {
  position: absolute;
  top: -30px;
  color: #ffffff;
  width: 8%;
  padding: 15px;
}
.contentside {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 480px;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 300px;
  padding: 15px;
  z-index: 1;
}
.contentside p {
    font-size: 0;
}
.contentside a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #f1f1f1;
  display: block;
}
.fade a:hover {
  color: #cccccc;
}
p { 
   font-family: 'GidoleRegular', arial; 
   font-weight: normal; 
   font-size: 25px;
}
.fade {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
a {
    color: #FFFFFF;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* old assets */