/* Mattew Sentell 2020 */
.thumb{
  position: relative;
  float: left;
  z-index: 0;
  width: 90vw;
  height: 90vw;
  margin: 0;
  margin-top: 5px;
  /*border-radius: 25px;*/
  overflow: hidden;
  background-color: var(--colorD);
}
.thumb > div{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: var(--fontB);
  font-size: 2em;
  color: var(--colorA);
}
.thumb > img{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.thumb > img:hover{
  opacity: .25;
  transition: .5s;
}
@media only screen and (min-width: 600px){ /* tablet & desktop(768) */
  .thumb{
    width: calc(50% - 5px);
    height: 50vw;
    margin: .5625vmin;
  }
}
@media only screen and (min-width: 1080px){ /* upscaling */
  .thumb{
    width: calc(50% - .5vmin);
    /*border-radius: 2.5vmin;*/
  }
}