
@media (orientation: landscape) {
  div.main {
    width: 100%;
    margin: auto ;
  }
}

@media (orientation: portrait) {
  div.main {
    width: 100%;
  }
}

/* Applies to entire page */

body {
  font-family: Tahoma, sans-serif;
  margin: auto ;
  text-align: left ;
}

/* Hide Accessibility Links */
.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

div.eventlist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

div.eventlink {
  flex-basis: 550px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center ;
  border-style: double ;
  margin: 2vmin ;
}

div.eventlink div.imgcontainer img {
  width: 100% ;
  height: 100% ;
  object-fit: contain ;
}


