/* TODO: set max-width to protect against ugly widescreen */

#home-tiles {
  margin: 0 auto;
  padding: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#home-tiles > div {
  height: 512px;
  margin: 32px;
  border: var(--default-border);
  background-color: var(--content-background-color);
  color: var(--content-text-color);
  flex-basis: 416px;
  flex-grow: 1;
}

#home-tiles > .hughes-kettner {

}

@media only screen and (max-width: 1023px) {
  #home-tiles {
    width: 100%;
    min-width: 100%;
  }
  #home-tiles > div {
    width: 100%;
    min-width: 100%;
  }
}