.flyer {
 width: 90%;
 margin: auto;
}

.grp-image {
  display: block;
  max-width: 600px;
  border-radius: 12px;
  border: 1.5px solid #000; 
}

@media (min-width: 800px) {
  .flyer {
    width: 600px;
  }
}

@media (max-width: 800px) {
  .grp-image {
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 1260px) {
  .flyer {
    padding-bottom: 16px;
  }

  .grp-image {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }

  .wg-flex {
    flex-direction: column;
  }
}

@media (min-width: 1260px) {
  .wg-info {
    padding: 0px 16px;
  }

  .grp-image {
    margin-right: 12px;
  }

  /* Used when the content doesn't fill the whole page */
  .wg-flex {
    margin-bottom: 10%;
  }
}