.ddimgtooltip {
  max-width: 25%;
  box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
  -webkit-box-shadow: 3px 3px 5px #818181;
  -moz-box-shadow: 3px 3px 5px #818181;
  display: none;
  position: absolute;
  border: 1px solid black;
  background: white;
  color: black;
  z-index: 2s000;
  padding: 4px;
}

.kitImages {
  max-width: 100%;
  max-height: 100%;
}

a:link {
  color: dodgerblue;
  text-decoration: none;
}

a:visited {
  color: #006ed9;
  text-decoration: none;
}

a:hover {
  color: dodgerblue;
  text-decoration: underline;
}

.buyHeading {
  font-size: 40px;
  margin-top: 10%;
  margin-left: -40%;
}

.page-container {
  margin-left: 10%;
}

#purchaseBut:hover {
  opacity: 85%;
}

@media (max-width: 600px) {
  .buyHeading {
    font-size: 30;
    margin-top: 17%;
    margin-left: 0;
  }

  .page-container {
    margin-left: -25%;
  }

  .ddimgtooltip {
    max-width: 50%;
  }

  #moduleImg {
    margin-left: auto;
    margin-right: auto;
  }
}