/* =============================================================================
  TITLES
============================================================================= */

h1 {
  font-size: 1.5em !important;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #444;
}

h1 a {
  color: #444 !important;
}

h2 {
  font-size: 1.2em;
  font-weight: 300;
}


/* =============================================================================
  LINKS
============================================================================= */
a {
  transition: color .4s;
  color: #808080;
  text-decoration: none;
}

a:link,
a:visited { color: #808080; }
a:hover   { color: #FFFFFF; }
a:active  {
  transition: color .3s;
  color: #FFFFFF;
}

.link { text-decoration: none; }

/* =============================================================================
  HEADER
============================================================================= */

#header,
#footer {
  color: #808080;
  background-color: #000707;
}

#header {
  height:60px;
  width:100%;
  top:0px;
  left:0px;
  position:fixed;
  z-index: 20;
  /*
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  */
}

#header.hidden {
  top: -60px;
}

.left,
.center,
.right {
  height: 60px;
}

.left {
  padding: 20px 0px 0px 5%;
}

.center {
  line-height: 60px;
  text-align: center;
}

.right {
  text-align: right;
  padding-right: 54px;
  padding-top: 10px;
}

#header button.rrss_button {
  background: transparent;
  border: 0;
  padding: 10px;
  width: 40px;
  height: 40px;
  color: #fff;
  opacity: 0.3;
  font-size: 20px;
  margin-left: 20px;
}

#header button.rrss_button:hover {
  cursor:pointer;
  opacity: 1;
}


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}