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

.banner {
	margin-top: 60px;
	max-width: 100%
	max-height: 60px;
<section class="topbanner">
			<img src="blue-ribbon.jpg" class="banner">

Hi! Try to switch to:
display: block;
width: 100%;
height: auto;
margin: auto;

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.