My images are not resizing and the bullets don't go, I can;t find mistake here's my code

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

body { font-family: 'Open Sans', sans-serif

}

wrapper {

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

a{ text-decoration: none; }

img { max-width: 100%; }

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

logo {

text-align: center; margin: o; }

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

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

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

nav { text-align: center; padding: 10px; margin: 20px 0 0; }

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

footer { font-size: 0.75em; text-align: center; padding: 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: #dbc3c7; }

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

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

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

/green background/ nav { background: #599a68; }

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

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

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

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

<header> <a href="index.html" id="logo"> <h1>Vero Ma</h1> <h2>TreeHouse Student</h2> </a> <nav> <ul id="gallery"> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav>