body {
  background-image: url(images/DDC-copy.gif);
  background-size: contain;
  background-origin: content-box;
  background-repeat: no-repeat;
  background-position: center top;
  box-sizing: border-box;
  margin: 0;
  padding: 2em;
  min-height: 100vh;
  position: relative;
}

/* Default for desktop */
#email-link {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  height: 85px;
  display: block;
  z-index: 10;
/*  Activate this to make the clickable area red: 
background-color: red */;
}

/* Tablet or large phone landscape */
@media (max-width: 1024px) {
  #email-link {
    top: 48%;
    width: 450px;
  }
}

/* Mobile phones */
@media (max-width: 600px) {
  #email-link {
    top: 29%;
    width: 300px;
  }
}

#email-link:hover {
  cursor: pointer;
}