body {

	background: #fff;

}

/* Navigation */



header {

    height: 50px;

    width: 100%;

    background: rgba(0,0,0,1);

    font-size: 75%;

    position: fixed;

    font-weight: 400;

    letter-spacing: 1px;

    text-transform: uppercase;

    top: 0;

    left:0;

    z-index: 1;

    font-family: 'Oswald', sans-serif;





    

}

header ul {

    padding: 0;

    margin: 0;

    height: 50px;

    left:450px;

    position: relative;

}



header img {

    display: block;

    position: absolute;

    left:45px;

    width: 350px;

    top:10px;

    padding: 5px;



}

header li {

    display: inline;

    float: left;

    width: 10%;

    height: 50px;

}



header li:first-child+li+li+li {



}

header a {

    color: #fff;

    display: inline-block;

    text-align: center;

    text-decoration: none;

    width: 100%;

    padding-top: 15px;

    height:35px;



}



header a:hover {

    color: #FF4000;

}



header a#pull {

    display: none;

}   



@media screen and (max-width: 1070px) {

    header {

        height: auto;

        border-bottom: 0;

        height: 50px;

    }

    header ul {

        height:50px;

        display: none;

        height: auto;

        left:450px;

        position: relative;

   

    }    

    header li {

        width: 100%;

        float: left;

        position: relative;

        border-bottom: 1px solid #111;

        background: rgba(0,0,0,.8);

      }

     header a {

        position: relative;

        text-align: left;

        height:35px;

        text-indent: 25px;          

      }    



    header a:hover {



          text-align: left;

      }

         

    header a#pull {

        display: block;

        width: 50%;

        position: relative;

        left:450px;

    }

    header a#pull:after {

        content:"";

        width: 30px;

        height: 30px;

        color: #FFF;

        display: inline-block;

        position: absolute;

        right: 15px;

        top: 10px;

        z-index: 1000;

    }

}    



@media screen and (max-width: 550px) {

    header {

        height: auto;

        border-bottom: 0;

        height: 50px;

    }



    header img {

    display: block;

    position: absolute;

    left:30px;

    width: 250px;

    top:10px;

    padding: 5px;



}

    header ul {

        height:50px;

        display: none;

        height: auto;

        left:300px;

        position: relative;

   

    }    

    header li {

        width: 100%;

        float: left;

        position: relative;

        border-bottom: 1px solid #111;

        background: rgba(0,0,0,.8);

      }

     header a {

        position: relative;

        text-align: left;

        height:35px;

        text-indent: 25px;          

      }    



    header a:hover {



          text-align: left;

      }

         

    header a#pull {

        display: block;

        width: 50%;

        position: relative;

        left:300px;

    }

    header a#pull:after {

        content:"";

        width: 30px;

        height: 30px;

        color: #FFF;

        display: inline-block;

        position: absolute;

        right: 15px;

        top: 10px;

        z-index: 1000;

    }

}    



/* Accordion style */

.cbp-ntaccordion {

	list-style: none;

	margin: 0;

	padding: 0;

}



.cbp-ntsubaccordion {

	list-style: none;

}



.cbp-ntaccordion .cbp-nttrigger {

	cursor: pointer;

} 

.cbp-ntaccordion .cbp-nttrigger2 {
    color: #0066cc;
}



.cbp-ntaccordion h3 {

	margin: 0 0 0.3em;

	padding: 1em 0 0.5em;

	border-bottom: 1px solid #000;

	font-size: 2.75em;

	font-weight: 300;

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	letter-spacing: 2px;

    font-weight: 400;

}



.cbp-ntaccordion h4 {

	font-size: 1.2em;

	text-transform: uppercase;

	letter-spacing: 0.4em;

	padding: 0.5em 0 0.5em;

	margin: 0 0 0.5em;

		font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	letter-spacing: 2px;

    font-weight: 400;

}



.cbp-ntaccordion h5 {

	font-size: 1.0em;

	color: #000;

	padding: 0.5em 0 0.5em;

	margin: 0 0 0.5em;

		font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

    font-weight: 400;

	letter-spacing: 2px;

}



.cbp-ntaccordion .cbp-ntcontent p {

	color: #000;

	font-size: 1.25em;

	font-weight: 300;

	line-height: 1.5;

	padding: 10px;

	margin: 0;

}



/* Arrow icons */

.cbp-ntaccordion > li > .cbp-nttrigger:before,

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {

	font-family: 'Oswald', sans-serif;

	speak: none;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	color: #777;

	margin-right: 0.5em;

	-webkit-font-smoothing: antialiased;

}



.cbp-ntaccordion > li > .cbp-nttrigger:before {

	font-size: 100%;

}



.cbp-ntaccordion > li > .cbp-nttrigger:before {

	content: "+";

}

.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {

	content: "+";

	color: inherit;

}

.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,

.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {

	content: "-";

	color: inherit;

}



.cbp-ntsubaccordion > li > .cbp-nttrigger:before {

	content: "+";

}

.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {

	content: "+";

	color: inherit;

}

.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,

.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {

	content: "-";

	color: inherit;

}



/* Initial height is zero */

.cbp-ntaccordion .cbp-ntcontent {

	height: 0;

	overflow: hidden;

}



/* When open, set height to auto */

.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,

.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,

.no-js .cbp-ntaccordion .cbp-ntcontent {

	height: auto;

    padding-bottom: 10px;

}



/* Example for media query */

@media screen and (max-width: 32em) { 



	.cbp-ntaccordion {

		font-size: 70%;

	}



}







#archive {

    width: 250px;

    float: left;

    padding: 10px;

}



/* Reset */

*,

*:after,

*:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before,

.clearfix:after {

	content: " ";

	display: table;

}



.clearfix:after {

	clear: both;

}



body {

    font-family: 'Open Sans', sans-serif;

    color: #000;

    font-size: 90%;

    letter-spacing: 1px;



}



a {

	color: #000;

	text-decoration: none;

}



a:hover {

	color: #fff;

}



.main{

	width: 90%;

	max-width: 70em;

	margin: 0 auto;

	padding: 50px 1.875em 3.125em 1.875em;

}







.icon-drop:before, 

.icon-arrow-left:before {

	font-family: 'Oswald';

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	speak: none;

	font-style: normal;

	font-weight: normal;

	line-height: 2;

	text-align: center;

	color: #fff;

	-webkit-font-smoothing: antialiased;

	text-indent: 8000px;

	padding-left: 8px;

}