@media only screen and (min-width: 601px) {
  .h2 {
      margin-top: 30%;
      margin-bottom: 30%;
      color: white;
  }
}

@media only screen and (max-width: 599px) {
  .h2 {
      margin-top: 33% !important;
      margin-bottom: 33% !important;
      color: white;
  }
}

.alan {
  padding: 10px;
  border: 5px solid #ffffff;
  text-align: center;
}

h2 {
  margin-top: 40%;
  margin-bottom: 40%;
  text-align: center;
  color: white;
}
.container {
  position: relative;
  height: 200px;
}
.content {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);

  padding: 10px;
}
body {
  background-image: url("../bg.jpeg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  font-family: Roboto;
}

.alan:hover{
  box-shadow: 0px 0px 20px 6px #000;
}

.logo:hover{
  box-shadow: 0px 0px 20px 6px #000;
}