Task 5 - Centering the footer button


#1

This is driving me nuts. All of my other section buttons are centered, but for some reason my button in the footer section is positioned closer to the left side. My css is below. Any suggestions/hints would be greatly appreciated!

/* Footer */
.footer {
  height: 600px;
   background: url(https://s3.amazonaws.com/codecademy-content/projects/move/footer.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.footer h1,
.footer h2 {
  color: #fff;
  font-size: 40px;
  margin: 0 20px 0 ;
  padding: 200px 0 0;
  text-transform: uppercase;
  text-align: center;
}

.footer .btn {
  background-color: #1c1c1c;
  color: white;
  font-size: 18px;
  padding: 8px 30px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase; 
}

.btn:hover {
	background: #ffa800;
	cursor: pointer; 
	transition: background .5s;  
}

.footer p {
  color: #fff;
  margin: 0 0 20px 0;
  font-size: 18px;
}

#2

Hey @jenbanks2!. Just add this :

.footer .btn{
 text-align: center; 
                 }

inside your button:

Hope it helped! If it didnt pls reply


#3

Thanks for the suggestion! Unfortunately, that didn't seem to help. Code is below:

`
.footer .btn {
background-color: #1c1c1c;
color: white;
font-size: 18px;
padding: 8px 30px;
text-decoration: none;
display: inline-block;
text-transform: uppercase;
text-align: