body{
  background-color: #5cf9f4;
  color: #002eff;
}

.picsDIV{
  
  display: flex;
  justify-content: center;
  flex-direction: row;
}

h1{
  text-align: center;
  text-shadow: 2px 2px floralwhite;
  color: #002eff;
  font-size: 500%;
  margin-top: -20px;
  margin-bottom: -10px;
  padding-bottom: -30px;
}

/* Create three equal columns that float next to each other */
.column {
  float: left;
  width: 50%;
  word-wrap: break-word;
  object-fit: contain;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other on smaller screens (600px wide or less) */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.columnIMGS{
  justify-items: center;
  justify-content: center;
  max-width: 25%;
  object-fit: contain;
}