.parallax{
	position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/images/mare.jpg");
  min-height: 100%;
}
body, html {
  height: 100%;
  margin: 0;
}
.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
}
.caption h1 {
      font-size: 7em;
      line-height: 1.1;
      font-family: "Lobster", cursive;
      margin-bottom: .25em;
      color: rgba(255, 255, 255, 0.75);
      text-shadow: -2px -2px 0 rgba(0, 0, 0, 0.125);
      text-transform: none;
    }
@media screen and (max-width: 580px) {
  .caption h1 {
    font-size: 50px;
  }
  .parallax{
  background-image: url("/images/mare.jpg");

}

}