html {
 margin: 0px;
 height: 100%;
}
body {
 font-family: Tahoma;
 margin: 0px;
 width: 100%;
 height: 100%;
 background-image: url("/images/home.jpg");
 background-size: 100%;
 background-repeat: no-repeat;
 background-position-y: center;
}

.links {
 position: absolute;
 top: 45%;
 left: 40%;
 display: flex;
 min-width: 20%;
 max-width: 50%;
 flex-wrap: wrap;
 justify-content: space-between;
}

a {
 text-decoration: none;
 box-shadow: 0 0 15px 15px #ffffff;
 background-color: white;
 /*background-color:rgba(255, 255, 255, 0.5);*/
 font-size: 30px;
 color: #D8582B;
 text-align: center;
 margin: 0px 30px;
}

@media (max-width: 510px) {

 .links {
  font-size: 20px;
 }
}

@media (max-width: 710px) {

 .links {
  top: 5%;
  left: 10%;
  width: 80%;
  max-width: 80%;
 }

 a {
  margin: 0px;
 }
}