Hello Everyone!

my nav bar does not change width to 100%; I have attached my code below. Does anyone know what might be the problem be? Thank you!

/**************************************** GENERAL ****************************************/

body { font-family: 'Righteous'; }

wrapper {

max-width: 940px;
margin: 0 auto;
padding: 0 5%;

}

/links/ a { text-decoration: none; }

img { max-width: 100%; }

/**************************************** HEADING ****************************************/

header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }

logo {

text-align: center;
margin: 0;

}

h1 { font-family: 'Satisfy', sans-serif; margin: 15px 0; font-size: 1.75em; line-height: 0.8em; }

h2 { font-size: 0.75em; margin: -5px 0 0; }

/**************************************** NAVIGATION ****************************************/

/**************************************** FOOTER ****************************************/

footer { font-size: 0.75em; text-align: center; clear: both; padding-top: 50px; color: #ccc; }

/**************************************** PAGE: Portfolio; ****************************************/

gallery {

margin: 0;
padding: 0;
list-style: none;

}

gallery li {

float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3c7;

}

gallery li a p {

margin: 0;
padding: 5%;
font-size: 0.75em;
color: #bdc3c7;

}

/**************************************** COLORS ****************************************/

/site body/ body { background-color: #fff; color: #999;

} /green header/ header { background: #6ab47b; border-color: #599a68; }

/nav background on mobile/ nav { background: #599a68; }

/logo text/ h1, h2 { color: #fff; }

/links/ a { color: #6ab47b; }

/nav link/ nav a, nav a:visited { color: #fff; }

/selected nav link color/ nav a.selected, nav a:hover { color: #32673f; }