* {
  margin:0;
	padding:0;
  }

body {
  background-color: #000;
  display: none;
}

h1 {
  color: #aaa;
}

a { color: #07f; }
a:hover { color: #777; text-decoration: none; }


#clip{
  margin: auto;
  z-index: -99;
}

#bgvid { 
  min-width: 100%;
  min-height: 0%;
  width: 100%;
  height: auto;
  z-index: -100;

  background: url('../img/GHOST808-POSTER.png') no-repeat;
  background-size: contain;
  background-position: center; 
  transition: 1s opacity;
}

#poster {
  width: 100%;
  height: 100%;
  background: url('../img/GHOST808-POSTER.png') no-repeat;
  background-size: contain;
  background-position: top; 
}

#main {
    background-color: #000;
    padding-top: 20px;
    display: none;  
    color: #aaa;
}

#footer {
  display: none;  
}

@media only screen and (max-width: 768px) {
    
   #main h3 {
	    font-size: 1.5em;
    }
    
}

.rgbline {
  background: url('../img/Logo-Line.png') no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 40px;
}

.title {
    letter-spacing: 8px;
}

.definition i {
    color: #555;
}

.copyright {
    color: darkgrey ;
    margin-top: 10px;
    text-align: center;
}

.box {
  border-radius: 4px / 4px;
  background-color: #111;
  padding: 10px;
  margin-bottom: 10px;
}

.dbox {
  border-radius: 4px / 4px;
  padding: 10px;
  margin-bottom: 10px;
}

.glyph_max {
  font-size: 6em;
}