body, html {height: 100%}
body,p,h1,h2,h3,h4,h5,h6 {font-family: "Georgia"}
.menu {
    display: none;
}
.WelcomeImage {
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 0 -30%;
  background-image: url("surfer.jpg");
  min-height: 90%;
  z-index:-1;
}
.ContactImage {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("handwashing.jpg");
  min-height: 100%;
}
.Titleclass {
}
@media only screen and (max-width: 600px) {
  /* For mobile phones: */
  .WelcomeImage {
    margin: 0 0 0 -70%;
  }
  .Titleclass {
      text-align: center
  }
}
.services {
    background-color:rgba(0, 0, 0, 0.65);
}