body{ padding-bottom: 200px }
.hero{
  padding: 50px 0px;
  text-align: center;
}  

.footer{
  padding: 20px  ;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;  
}