@charset "utf-8";
/* CSS Document */

	body.dark #demo-header {
    background: #272d39;
    background: rgba(55, 61, 73, 0.975);
    color: #fff;
    box-shadow: none;
}
#demo-header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 3.75em;
transition: top 0.25s ease-in-out;
font-size: 0.9em;
display: block;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
    font-size: inherit;
vertical-align: baseline;

z-index: 11;
}
#demo-header .left {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    white-space: nowrap;
    overflow: hidden;
}
#demo-header h1 {
    letter-spacing: -0.5px;
    font-weight: 600;
    float: left;
    height: 2.75em;
    line-height: 2.75em;
    margin: 0 1.25em 0 0.5em;
    xdisplay: inline-block;
}



#demo-header .col-right {
    xposition: absolute;
    top: 3em;
    right: 0px;
    xwhite-space: nowrap;
	float: right;
	z-index: 111;
    
}	
#nav{z-index: 1111;}
	.nav-container {
    xmax-width: 1140px;
    position: relative;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
	width: 100%;
	height: 50px;
	z-index: 11;

}
.col-left {
    width: 16.66667%;
   float: none;
}
#logo {

    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}
#logo a {
    color: rgb(112,6,33);
    text-decoration: none;
    font-weight: bold;
    font-size: 3em;
    text-transform: none;
    line-height: 1.3em;
}

.col-right {
    width: 73.33333%;
	width: 80%;
	#float: right;
	z-index: 11111111111111111111111111111111;
}
#nav{float: right;width: auto;}
#nav ul{width: auto;}
.text-right {
    text-align: right;
}



.nav-background {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1;
	background-color: #c4c4c4;
}
.nav-background, 	.nav-container {height: 4rem;
}

#main > .posts > article {
    border-color: #eeeeee;
    border-left-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    text-align: center;
}
#main > * {
    padding: 4rem 4rem 2rem 4rem;
    border-top: solid 0px #eeeeee;
    margin: 0;
}
.posts {
    border-top: 0;
}
posts {
    border-bottom: 0;
}
#nav-toggle-bg{
	
	display: block;
	position: fixed;

	height: 50px;
	width: 50px;
	xbackground-color: red;
	
	position: fixed;

top: 0.75rem;

right: 0.75rem;
	}
#wrapper > .bg {
    
    background-color: #070508;
}
ul.actions {display: none;}

	#intro {
		height: 40rem;
		min-height: 105vh;
	}
	#intro + #header {
    margin-top: -20rem;
}
	#header {
		height: 30rem;
	}
	
ul.links li.active{background-color: #eeeeee;}

