body {
    background-color: #F4EBE8;
    font-size: 18px;
}

/*.grid-container {
  	display: inline-grid;
  	grid-template-columns: repeat(3, 1fr);
  	grid-column-gap: 5px;
    grid-row-gap: 120px;
    grid-auto-flow: dense;
  	position: relative;
  	top: 60%;
    left: 5%;
	  height: auto;
    margin-left: 120px;
    margin-right: 120px;
  	text-align: center;
  	z-index: 5;

}

.grid-container > div {
	position: relative;
	text-align: left;
	z-index: 5;
}*/

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 100px;
   /* grid-auto-flow: dense;*/
    position: absolute;
    top: 25%;
    width: 90%;
    height: auto;
    left: 5%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: : center;
    z-index: 5;
    padding-bottom: 5%;

}

.grid-container > div {
  position: relative;
  text-align: center;
  z-index: 5;
}

.thumbborder {
    max-height: 100%;
  position:relative;
  display: inline-block;
  max-width: 300px;
}


.img {
  display: inline-block;
  border-style:  hidden  hidden solid hidden;
  border-color: #0BEFEB;
  height: 500px;
}

.title {
  display:block;
}

.tooltiptext {
  display:block;
  font-weight: normal;
}

.metatext {
  display: inline-block;
  width: 300px;
  overflow-wrap: break-word;
  border-style: hidden;
  text-align: left;
}