/* CSS Document */
.footer_old {
  clear: both;
  /*	border-top: 1px solid black;*/
  height: 200px;
  background: url("../images/swansea_wave.png") no-repeat scroll top;
}

/* Based on FSE Styling */
.footer {
  /*margin: 40px 0 0;*/  /* Instead added padding-bottom to .content*/
  height: 160px;
  background-color: rgb( 36, 47, 96 );
  background-image: url("../images/waves-bg.svg");
  background-position-x: 5%;
  background-position-y: -72%;
  background-repeat: no-repeat;
  background-size: 150%;
  color: rgb( 255, 255, 255 );
  box-shadow: 0 50vh 0 50vh rgb( 36, 47, 96 );  /* To extend footer to bottom of view port, see https://stackoverflow.com/questions/9741701/how-can-i-extend-a-footer-to-bottom-of-page */
}
@media only screen and (min-width: 992px) {
  .footer {
    padding-top: 90px;
    padding-bottom: 80px;
  }

}