* {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body {
  background: #000;
  font-size:16px;
  font-family: 'PT Sans Caption', sans-serif;
  font-weight:400;
  width:100%;
 
 }
 
  h1{

  
      margin-bottom:5px;
      margin-top:20px;
      font-weight:600;
      text-transform:uppercase;
      font-size:1em;
      color:#fff;
        
    }
    
    h2{
        text-transform:uppercase;
        font-size:.9em;
        color:#fff;
        margin-bottom:12px;
        
        
        
    }
 
  .rightleftPad{
      
      padding-left:0px; padding-right:0px;
      
  }
  
  div.container{
      
    max-width:1100px; 
    margin:0px auto 0px auto;
	background-color:#000; 
    position:relative;
    border:solid 0px #212121;
    padding:0px;
    overflow:visible;

    }


  #header{
    width:100%; 
    height:65px; 
    background:#3d3a34; 
    position:fixed;
    z-index:3;
    margin:0px auto 0px auto;
    }
    
    #mainLogo{
   
     position:fixed;
     z-index:4; 
     top:0px;
     left:15px; 
     width:100px;
     height:111px;  
        
        
    }
    
     .container-fluid{
        margin-top:100px;
    }
    
    
    p, p span{
        
         color:#ABA7A7;
        
        line-height:22px;
        margin-left:0px;
        font-size:.9em;
        margin-bottom:30px;
       
    }
    
    
    
   
    

    
  
#share{
    position:fixed; 
    right:70px; 
    top:10px; 
    opacity:.9; 
    z-index:200;
    
    
}

    
  


.mainCopy{
    
    padding-left:20px; 
    padding-right:20px;
    
}




/* nav css ---- */
    
#mobNav{
    width:30px;
    height:30px;
    position:fixed;
    z-index:100;
    right:25px;
    top:20px;
    overflow:hidden;
 
}

#mobNav div{
    height:4px;
    background-color:#000;
    width:100%;
    margin-bottom:6px;
    position:absolute;
}

#mobNav div#line2{
    top:10px;
}

#mobNav div#line3{
    top:20px;
}

#mobNavBg{
    position:absolute;
    top:0px;
    z-index:101;
    width:100%;
    height:100%;
    background-color:#ccc;
    display:none;

}

#mobNavwid{
    position:fixed;
    width:0px;
    display:inline-block;
    background-color:#000;
    z-index:101;
    top:60px;
    right:20px;
    padding-top:35px;
    padding-bottom:25px;
    overflow:hidden
    
}

#mobNavwid li{

 
 list-style-type: none;
 width:300px;
 margin-bottom:20px;
 padding-bottom:15px;
 margin-left:20px;
 border-bottom-style: solid;
 border-bottom-color:#3E3E3E;
 border-bottom-width:1px;

    
}
#mobNavwid li img{
    margin-right:15px;
}


#mobNavwid li a{
    color:#c5b498;
    text-transform:uppercase;
    font-size:14px; 
    font-weight:bold;
    font-family:Verdana, sans-serif;
    text-decoration:none;
    vertical-align:7px;
    
}

/*mobile nav*/
.box_rotate {
  -webkit-transform: rotate(45deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(45deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(45deg);  /* IE 9 */
        -o-transform: rotate(45deg);  /* Opera 10.50-12.00 */
         transform: rotate(45deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

.box_rotate2 {
  -webkit-transform: rotate(-45deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-45deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-45deg);  /* IE 9 */
        -o-transform: rotate(-45deg);  /* Opera 10.50-12.00 */
         transform: rotate(-45deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition2 {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

/*end mob nav start desktop nav*/

#Navwid{
    
    width:300px;
    display:inline-block;
    background-color:#000;
    z-index:101;
    top:30px;
    right:40px;
    padding-top:15px;
    padding-bottom:25px;
    overflow:hidden
    
}

#Navwid li{

 
 list-style-type: none;
 width:300px;
 margin-bottom:10px;
 padding-bottom:10px;
 margin-left:0px;
 border-bottom-style: solid;
 border-bottom-color:#3E3E3E;
 border-bottom-width:1px;

    
}
#Navwid li img{
    margin-right:15px;
}


#Navwid li a{
    color:#c5b498;
    text-transform:uppercase;
    font-size:14px; 
    font-weight:bold;
    font-family:Verdana, sans-serif;
    text-decoration:none;
    vertical-align:7px;
    
}

#Navwid li a:hover{
    color:#30a2ee;
   text-decoration:underline;
}


#footer{
    
    width:100%; 
    height:40px; 
    background:#3d3a34; 
    position:relative; 
    bottom:0px; 
    text-align:center; 
   
}

#footer span{
    display:inline-block; 
    margin-top:10px; 
    color:#727171;
    font-size:.4em; 
    text-transform:uppercase;
}

#footer span a{
    color:#727171;
    
}

#footer span a:hover{
    text-decoration:underline;


}
/*end desktop nav*/


@media only screen and (min-width : 30em) {
    
      
    .rightleftPad{
      
      padding-left:10px; padding-right:10px;
      
    }
  
    #mobNav{
      display:none;
    }
      
    div.container{  
        margin:60px auto 0px auto;
        border:solid 3px #212121;
        padding:3px 5px 3px 5px;
        
    }
      
      
      
      
    #header{
 
        height:80px;
        position:relative;
        top:0px;
        display:inline-block;

    }
    
    #mainLogo{
     
        display:block;
         width:201px;
         height:224px; 
         top:-60px;
         left:30px;
         position:absolute;
        
        
        
    }
    
    
    #Navwid{
    
    width:230px;
   
    
    
}

#Navwid li{

 

 width:230px;


    
}

#Navwid li a{
  
    font-size:.75em; 
   
    
}


    
    
       .container-fluid{
        margin-top:70px;
    }
      
        #share{
        position:absolute;
        right:90px; 
        top:15px; 
       
        }
        
    .mainCopy{
    
    padding-left:40px; 
    padding-right:40px;
    
    }
    
    #footer span{
   
    font-size:.8em; 
    }
    
    
}