Why isnt this resizing my image? Max-height and max-width?

HTML-CSS
1 
.banner {
	margin-top: 60px;
	max-width: 100%
	max-height: 60px;
	margin-top:80px;
}

<section class="topbanner">
			<img src="blue-ribbon.jpg" class="banner">
		</section>
2

Hi! Try to switch to:
.banner{
display: block;
width: 100%;
height: auto;
margin: auto;
}

3

The max elements set the maximum and minimum size a space can be, it doesn’t set the size. You need to set width & height for that.