For some reason the footer wont stay at the bottom of the page. This is the syntax in my .css file.. I am pretty sure i am doing what the video is doing but it will not stay at bottom. Any help is appreciated. Thank you

/************************** 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: 0; } h1 { font-family: 'Changa One', cursive; margin: 15px 0; font-size: 1.7em; font-weight: normal; line-height: 0.8em; }

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

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

/************************** Footer **************************/

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

/************************** 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 */ nav a.selected, nav a:hover { color: #32673f; }