body {

  /* background-image: url(https://images.unsplash.com/photo-1562724292-728c9b811d98?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60); */
  /* background-size: cover;
  background-repeat: no-repeat; */
}

.bgd-img {
  background-image: url(images/menton_marina_colour_1000x597_01.webp);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  padding: 50px;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* margin: 30px; */
  padding: 10px;
  flex-wrap: wrap;
  text-align: center;


}

.text {
  font-family: sans-serif;
  font-weigth: normal;
  color: #fff3f3;
  letter-spacing: 3px;
  text-shadow: 2px 2px 1px black, 0 0 1em black, 0 0 1em black;


}
a {
  /* border: 3px solid black;
  width: 100px;
  height: 50px;
  padding: 10px;
  align-text: center;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin: 30px;
  border-radius: 10px; */
}
.anchors {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
}

a {
  font-family: sans-serif;
  text-shadow: 2px 2px 4px black, -2px -2px 4px black;
  padding: 30px;
  margin: 30px;
  border: 3px solid #a3a3d3;
  align-contents: center;
  color: white;
  border-radius: 10px;

}

.anchor:hover{
  transform: scale(1.2);
  text-shadow: none;
  border-color: #ffc600;
  background-color: #f3ffd9;
  box-shadow: 0 0 10px #ffc600;
  color: black;
}

@media screen and (max-width: 640px){
    a {
      padding: 10px;
      margin: 5px;
      text-align: center;

    }

    .text {
      align-text: center;
    }

    .anchors {
      display: flex;
      flex-direction: column;
    }

}