* {
     margin: 0;
     padding: 0;
 }

 html,
 body {
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 #container {
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }

 #background_video {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 #video_cover {
     position: absolute;
     width: 100%;
     height: 100%;
     background: url('../js/video_cover.jpg') no-repeat;
     background-size: cover;
     background-position: center;
 }
 /* Demo page specific styles */

 body {
     text-align: center;
     font-family: 'proxima-nova', Helvetica;
 }

 #container {
     /*height: 100%;*/
 }

 #overlay {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
 }

 #main_content {
     z-index: 2;
     position: relative;
     display: inline-block;
     /* Vertical center */
     top: 50%;
     transform: translateY(-50%);
 }

 #main_content h1 {
     text-transform: uppercase;
     font-weight: 600;
     font-family: 'proxima-nova-condensed', Helvetica;
     color: #fff;
     font-size: 35px;
 }

 #main_content .sub_head {
     color: rgba(255, 255, 255, 0.5);
     font-size: 18px;
 }

 #main_content .info {
     color: rgba(255, 255, 255, 0.5);
     font-size: 12px;
     margin-top: 10px;
 }

 #links {
     margin-top: 50px;
 }

 #links a {
     border: 2px solid rgba(255, 255, 255, 0.20);
     border-radius: 61px;
     font-size: 12px;
     color: #FFFFFF;
     letter-spacing: 1px;
     text-decoration: none;
     text-transform: uppercase;
     padding: 10px 25px;
     display: inline-block;
     margin-right: 15px;
 }

 #footer {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }

 #footer a {
     color: rgba(255, 255, 255, 0.5);
     text-decoration: none;
     margin: 10px;
     font-size: 12px;
 }

 #footer a:first-child {
     float: left;
 }

 #footer a:last-child {
     float: right;
 }

 a a:link a:visited {
     color: gray;
     font-size: 13px;
 }

 .tp-caption a {
     color: gray;
     font-size: 13px;
 }

 a:hover {
     color: white !important;
 }

 #video {
     position: fixed;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -100;
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     background: url(/js/video_cover.jpg) no-repeat;
     background-size: cover;
 }

ul.list {
  list-style-type:none;
}

.li {
  padding: 7.5px 0;
}

.li > a {
  text-decoration: none;
  font-weight: 300;
}

 @media screen and (max-device-width: 800px) {
     html {
         background: url(/js/video_cover.jpg) #000 no-repeat center center fixed;
     }
     #video {
         display: none;
     }
 }