/* Style file for images */

img {
  border: 0px;
  max-width: 100%;
  height: auto;
}

/* Style for centering images with 75% width */

.center75{
display: block;
margin-left: auto;
margin-right: auto;
width: 75%;
}

.center100{
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}

/* Style for image overlay on hover */

.overlay {
  width: 100%;
  position: relative;
  display: inline-block;
}

@media screen and (min-width: 600px) {
  .overlay {width: 50%;}
}

@media screen and (min-width: 768px) {
  .overlay {width: 33%;}
}

.overlay .imgtop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.overlay:hover .imgtop {
  display: inline;
}