* {
  box-sizing: border-box; }

figure {
  margin: 0;
  display: table; }

figcaption {
  font-style: italic;
  font-size: 1.5em;
  text-align: center;
  color: grey;
  display: table-cell; }

.grid {
  list-style: none;
  padding: 0;
  margin-top: 50px;
  display: grid;
  grid-template-columns: 200px 200px 200px 200px 200px 200px;
  grid-auto-flow: column;
  grid-auto-columns: 90%;
  grid-gap: 2em;
  padding: 2em 1em;
  background: white; }
  .grid__figure {
    display: grid;
    grid-template-rows: 11em 1fr;
    grid-gap: 1em; }
    .grid__figure img {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin: 0 auto;
      text-align: center;
      vertical-align: bottom;
      display: table-cell;
      vertical-align: bottom; }

.grid_bigger {
  list-style: none;
  padding: 0;
  margin-top: 50px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 90%;
  grid-gap: 5em;
  padding: 2em 1em;
  background: white; }
  @media all and (min-width: 600px) {
    .grid_bigger {
      grid-auto-flow: initial;
      grid-template-columns: repeat(auto-fit, minmax(auto, 20em));
      justify-content: center; } }
  .grid_bigger__figure {
    display: grid;
    grid-template-rows: 15em 1fr;
    grid-gap: 1em; }
    .grid_bigger__figure img {
      width: 100%;
      height: auto;
      object-fit: cover;
      margin: 0 auto;
      text-align: center;
      vertical-align: bottom;
      display: table-cell;
      vertical-align: bottom; }

@media all and (max-width: 1400px) {
  figcaption {
    font-size: 1em; }

  .grid {
    grid-auto-flow: initial;
    grid-template-columns: repeat(auto-fit, minmax(auto, 10em)) !important;
    justify-content: center; }
    .grid__figure {
      display: grid;
      grid-template-rows: 5em 1fr;
      grid-gap: 1em; }

  .grid_bigger {
    grid-auto-flow: initial;
    grid-template-columns: repeat(auto-fit, minmax(auto, 10em)) !important;
    justify-content: center; }
    .grid_bigger__figure {
      display: grid;
      grid-template-rows: 8em 1fr !important;
      grid-gap: 1em; }

  #malaysian {
    width: 70% !important; }

  #marina {
    width: 75px !important; } }
@media all and (max-width: 600px) {
  grid-auto-flow: initial;
  grid-template-columns: repeat(auto-fit, minmax(auto, 20em));
  justify-content: center; }

/*# sourceMappingURL=accre.css.map */