#page-landing {
  background: linear-gradient(329.54deg, #72C845 0%, #4CA145 100%) no-repeat;
  text-align: center;
  min-height: 100vh;
  display: flex;
}

#container {
  margin: auto;

  width: min(90%, 112rem);
}

.location,
h1,
.visit p {
  height: 16vh;
}

#logo {
  animation-delay: 50ms;
}

.location {
  animation-delay: 100ms;
}

.location {
  display: none;
}

main h1 {
  animation-delay: 150ms;
  font-size: clamp(3rem, 7vw, 8rem);
}

.visit a {
  width: 8rem;
  height: 8rem;

  border-radius: 3rem;
  border: none;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #85E753;

  margin: 0 auto;

  transition: background 0.3s;
  animation-delay: 200ms;
}

.visit a:hover {
  background: #70D23F;
}

.visit a {
  animation-delay: 250ms;
}

/* Desktop Version */

@media (min-width: 760px) {
  #container {
    padding: 5rem 2rem;
    background: url("../images/vault.png") no-repeat 80% /
    clamp(20rem, 20vw, 50rem);

    -webkit-animation: slide 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: slide 2s; /* Firefox < 16 */
    -ms-animation: slide 2s; /* Internet Explorer */
    -o-animation: slide 2s; /* Opera < 12.1 */
    animation: slide 2s;
  }
                      
  header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .location,
  h1,
  .visit p {
    height: initial;
    text-align: initial;
  }

  .location {
    display: inline-block;
    text-align: right;
    font-size: 2.4rem;
    line-height: 1.5;
  }

  main h1 {
    font-weight: bold;
    line-height: 1;

    word-wrap: normal;

    margin: clamp(10%, 9vh, 12%) 0 4rem;
    padding: 1rem;

    width: min(400px, 90%);
  }

  .visit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    width: 100%;

  }

  .buttons a:last-child {
    margin-left: 1rem;
  }
  
  
  .visit p {
    font-size: 2.4rem;
    line-height: 1.5;
    width: clamp(20rem, 20vw, 30rem);
  }

  .visit a {
    margin: initial;
  }
}