body, html  {
  height: 100%;
  margin: 0;
}
.bg {
  background-image: url("../img/bigben.jpg");
  height: 50%;
  position: relative;
  /*opacity: 0.85;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgL {
  background-image: url("../img/London.jpg");
  height: 50%;
  position: relative;
  background-position: 0 35%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgM {
  background-image: url("../img/Building01.jpg");
  height: 50%;
  position: relative;
  background-position: 0 60%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgB {
  background-image: url("../img/Bridge.jpeg");
  height: 50%;
  position: relative;
  background-position: 0 55%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgT {
  background-image: url("../img/TinyTree.jpg");
  height: 50%;
  position: relative;
  background-position: 0 45%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgE {
  background-image: url("../img/LondonEye.jpg");
  height: 50%;
  position: relative;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
#footer {
  background-color:#f8f8f8;
  height:80px;
  line-height:80px;
  text-align:center;
}
.footerSpan {
  display:inline-block;
  vertical-align:middle;
  line-height:normal;
}