#nav-trigger {
display: none;
text-align: left;
margin-left:0px;
margin-top:5px;
width:30%;}

#nav-trigger span {
display: inline-block;
color: #fff;
cursor: pointer;
text-transform: uppercase;}

#nav-trigger span:after {
display: inline-block;}

#nav-trigger span:hover {
background-color: transparent; }

#nav-trigger span.open:after {
border-top: none;
border-bottom: solid 1px #000; }

nav {
margin-bottom: 5px;
font-size: 1.2em;}

nav#nav-main {
padding: 5px 0; }

nav#nav-main ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center; }

nav#nav-main li {
display: inline-block;}

nav#nav-main li:last-child {
border-right: none; }

nav#nav-main a {
display: block;
font-size: 1em;
color: #fff;
padding: 0px 20px 0px 20px;
margin-bottom:10px;}

nav#nav-main a:hover {
color: #fff; }

nav#nav-mobile {
position: relative;
display: none; }

nav#nav-mobile ul {
display: none;
list-style-type: none;
/*
position: absolute;
*/
text-align: left;
background-color: #fff;}

nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px; }

nav#nav-mobile li:last-child {
border-bottom: none; }

nav#nav-mobile a {
display: block;
color: #000;
padding: 0px 40px; }

nav#nav-mobile a:hover {
background-color: #fff;
color: #000; }



/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }