body {background-image:url("images/ocean.jpg");
    background-repeat:no-repeat;
    background-size:stretch;
      font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  color:#FFFFFF;
}
h1 {font-weight:700;font-size:6vw;}
.twohundred{font-size:3vw;}
.shadow {text-shadow:1px 1px 1px #000000;}
.shadow2 {text-shadow:2px 2px 5px #000000;}
.shadow3 {text-shadow:1px 1px 3px #000000;}
.putmehere {position:absolute;bottom:0%;left:50%;transform: translate(-50%, -50%);}
p {font-size:3vw;}
.centerme {text-align:center;margin:0 auto;}
.welcomearea {position:absolute;text-align:center;top: 30%; /* Moves the top edge of the element to the middle of the container */
  left: 50%; /* Moves the left edge of the element to the middle of the container */
  transform: translate(-50%, -50%);}
  
  a:link, a:visited, a:hover, a:active {
  color: white;
}

@media (min-width: 992px) {
    body {background-size:cover;}
    .welcomearea {position:absolute;text-align:center;top: 50%; /* Moves the top edge of the element to the middle of the container */
  left: 50%; /* Moves the left edge of the element to the middle of the container */
  transform: translate(-50%, -50%);}
    .putmehere {position:absolute;bottom:0%;left:50%;transform: translate(-50%, -50%);}
    h1 {font-weight:700;font-size:400%;}
    .twohundred{font-size:200%;}
    p {font-size:120%;}
}