/*********   Base Styles   *********/

* {
  box-sizing: border-box;
}


body { 
  margin: 0px; 
  background: #000; 
  font-family: 'Varela Round', sans-serif;
  
/*  font-family: 2.5em/1.5 "HelveticaNeueRoman", Helvetica Neue, helvetica,sans-serif;*/
  letter-spacing: 1px;
  font-size: 15px;
  overflow-y:hidden;
}

#nobackground {
background: none;
/*background-image: url("concrete_seamless.png");   */
  
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll;  
}
  
#content { 
  position: fixed; 
  top: 0px; 
  padding: 0px; 
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll; 
}

h1 {           /* Thomas Denman  */
  /*font-family: 'Varela Round', sans-serif;*/
  font-family: 'Roboto', sans-serif;
  color: #F5F0E0;
  float: left;
  padding: 4px 0px 0px 60px;
  font-size: 2.5rem; 
  font-weight: 200; 
  line-height: 0.5;
  position: absolute;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}

#logo {
 /*float: left;*/
 padding: 8px 0px 0px 0px;
 /*position: absolute;*/
 /*display: inline-block;*/
 margin-left: auto;
 margin-right: auto;
 width:285px;

}

.logostyle {

}

.page a {        /* Music Video  */
  text-decoration: none;
  float: right;
/*  padding: 4px 10px 0px 60px;*/
}

#videoicon {
   padding: 12px 70px 0px 60px;
}

#musicicon {
   padding: 11px 5px 0px 60px;
}

.main-header {      /* Top Black Box  */
  height: 80px;
  /*background: #100D05; */
  background-color: #100D05;
  margin: auto;
  position: fixed;
  width: 100%;
  top: 0;
 }

.footer, .push {
  color: #C8C5BC;
  height: 3em;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
   font-size: 70%;
}

.footer2 {
  color: #C8C5BC;
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  padding-top: 0%;
  padding-bottom: 1%;
  font-size: 70%;
}

hr.style2 {
/*	border-top: 3px double #8c8b8b;*/
  border-top: 3px double #C8C5BC;
}


/**********   Landing Page Video   **********/

video#bgvid { 
    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(../img/RMGlitchTD.jpg) no-repeat;
    background-size: cover; 
}

video { 

	display: block; 
}

#video-container {
  position: relative;
  /*padding-bottom: 56.25%;*/
  padding-top: 0; height: 0; overflow: hidden;
}
 
#video-container iframe,
#video-container object,
#video-container embed {
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
    border: none;
}

/******   NAVIGATION   *********/

nav {
  text-align: center;
 }

nav ul {
  /*margin: 0 20px 0 250px;*/
  padding: 20px;
  display: inline;
}

nav li {
  display: inline;
  padding: 17px;
  margin: 0 auto;  
}

nav a {
  text-decoration: none;
  font-weight: 300; 
  color: #bf3535;
}

  
/* normal, unvisited link */
a:link {
  color: #bf3535;
/*   color: #777777;*/
  text-decoration: none;
}


/* visited link */
a, a:visited {
  color: #777777;
}


/* selected nav link */
a:hover { 
  text-decoration: underline;
}

/* active nav link 
a:active {
  color: #bf0000;
}
*/


/*********   MUSIC  *********/

#TD {
  /*padding-top: 12%;*/
  padding-top: 2%;
  padding-bottom: 1%;
}

.paratext {
  margin: 0 auto;  
  width: 75%; 
  text-align: left;
  /*padding-top: 4%; */
  padding-bottom: 2%;
}

.paratext-top {
  margin: 0 auto;  
  width: 75%; 
  text-align: left;
  padding-top: 6%;
  padding-bottom: 2%;
}

#songlist {
  align-content:center;
  width: 75%;
}

.bio {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  /*padding-top: 2%;*/
  padding-bottom:1%;
  padding-top: 70px;
}

.spotlight {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  /*padding-top: 2%;*/
  padding-bottom:1%;
  padding-top: 3%;
}

.collab {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  padding-top: 3%;
  padding-bottom:1%;
}

.sc {
  box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
 }

.hm {
  margin: 0 auto;  
  width: 50%;  
  display: block;
  padding-top: 3%;
  padding-bottom:1%;
}

.hmpic {
  box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
}


.reso {
  margin: auto;  
  width: 50%;  
  display: block;
  padding-top: 3%;
  padding-bottom:1%;
}
  
.resopic {
  box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
}

.vp {
  margin: 0 auto;  
  width: 50%;  
  display: block;
  padding-top: 3%;
  padding-bottom:1%;
}

.VPpic {
 box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
}

.underline {
  margin: 0 auto;  
  width: 37%;
  margin-top: 20px; 
  margin-bottom: 20px;
}

.social-icon {
  padding-bottom: .5%;
}


/*********   VIDEOS  *********/

@media (min-width: 600px) {
 .rm {
 
    width: 90%; 
  }
}

.rm {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  padding-top: 3%;
  /*padding-top:8%;*/
  padding-bottom: 1%;
  /*padding-top:120px;*/
}

.RMvid {
 box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);

}

.cell {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  padding-top: 1.5%;
  /*padding-top:8%;*/
  padding-bottom: 1%;
  /*padding-top:120px;*/
}

.cellvid {
 box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
}


.Rosa {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  padding-top: 3%;
  padding-bottom: 1%;
}

.Rosavid {
  box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
}

.SecretWorld {
  margin: 0 auto;  
  width: 50%;  
  display: block; 
  padding-top: 3%;
  padding-bottom: 3%;
}

.SecretWorldVid {
  box-shadow: 15px 15px 10px 10px rgba(0,0,0,.8);
}



/* Float Clearfix -----------------

.social:after {
  content: "";
  display: table;
  clear: both;
}              
____-*/