html, body
{
    background-color:Black;
    height: 100%;
}
   
body {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  overflow-x: hidden;

}

@font-face {
    font-family: Derp;
    src: url(BlackChancery.woff);
}

div.title-seg
{       
    width:100%;    
    z-index:6;
    text-align:center;    
    /*font-family: Derp;*/
    font-weight:bold;
    font-size: 3.5vw;         
    top: 50%;
    transform: translateY(-50%);      
    position:relative;   
    color: white;
    
    
}

.stroke {
 color: #000; /* text color */
 -webkit-text-stroke: 1px #fff; /* stroke color and weight */
}

div.n-pos
{
    position: inherit;
    transform: none;
}

div.someguypresents
{
    
}

div.someguypresents1, div.someguypresents
{    
    z-index: 7;
    color: White;
}


img.ex-card
{
    height: 50%;
    width:auto;
}

div.bgscroll1parent
{
    width: 100%;
    height: 100%;    
    left:0;
    top:74px;    
    right:0;
    z-index:5;         
}

div.curtainbottom
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#684b2b+0,0e0e0e+5,0e0e0e+5,0e0e0e+14,0e0e0e+34,0e0e0e+34 */
    
background: rgb(104,75,43); 
background: -moz-linear-gradient(top,  rgba(104,75,43,1) 0%, rgba(14,14,14,1) 5%, rgba(14,14,14,1) 5%, rgba(14,14,14,1) 14%, rgba(14,14,14,1) 34%, rgba(14,14,14,1) 34%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,75,43,1)), color-stop(5%,rgba(14,14,14,1)), color-stop(5%,rgba(14,14,14,1)), color-stop(14%,rgba(14,14,14,1)), color-stop(34%,rgba(14,14,14,1)), color-stop(34%,rgba(14,14,14,1))); 
background: -webkit-linear-gradient(top,  rgba(104,75,43,1) 0%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 14%,rgba(14,14,14,1) 34%,rgba(14,14,14,1) 34%); 
background: -o-linear-gradient(top,  rgba(104,75,43,1) 0%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 14%,rgba(14,14,14,1) 34%,rgba(14,14,14,1) 34%); 
background: -ms-linear-gradient(top,  rgba(104,75,43,1) 0%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 14%,rgba(14,14,14,1) 34%,rgba(14,14,14,1) 34%); 
background: linear-gradient(to bottom,  rgba(104,75,43,1) 0%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 5%,rgba(14,14,14,1) 14%,rgba(14,14,14,1) 34%,rgba(14,14,14,1) 34%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#684b2b', endColorstr='#0e0e0e',GradientType=0 ); 

}

ul.faq
{
    color:White;
}

div.bgscroll1
{    
    height: 100%;
    overflow:visible;
    text-align: center;     
    width: 100%;
    margin: 0;
    padding: 0;
    color: white;
    text-align: center;    
    }

div.segment-what
{
   
    background: url(../img/backrmsk.png) no-repeat center;      
    background-position: center center;   

}


div.bgscroll2
{   
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   color: white;
   text-align: center;
   font-size: 50px;   
}

*{
 margin:0;
 padding:0;
 }

 img{
 border: none;
 }
 .leftcurtain{
 width: 50%;
  top: 0px;
 left: 0px;
 position: absolute;
 z-index: 2;
 }
 .rightcurtain
 {
      width: 51%; 
     right: 0px;
     top: 0px;
     position: absolute;
     z-index: 3;
     height: 100%;
 }
 .rightcurtain img, .leftcurtain img
 {
    width: 100%;    
    height: 100%;
    /*position:fixed; */
 }
 .logo{
    margin: 0px auto;
    margin-top: 150px;
 }
 .rope{
 position: absolute;
 top: -40px;
 left: 70%;
 z-index: 4;
 }
 
 .nav-stuff
 {
     position:absolute;
     background-color:Black;
     z-index: 8;
     width: 100%;
 }
 .nav-stuff a
 {
     color:White;
        margin-left: 10px;
 }