/* CSS Document */
/* CSS Document */
.gout-photo {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin: 20px 0 !important; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .gout-photo {
      display: inherit !important;
      margin: 20px auto !important;
      width: 100% !important; } }
  @media screen and (max-width: 350px) {
    .gout-photo {
      display: inherit !important;
      margin: 20px auto !important;
      width: 100% !important; } }
  .gout-photo figure {
    margin: 0 5px 20px !important;
    max-width: calc((100% - 40px) / 2) !important;
    width: 100% !important; }
    @media screen and (min-width: 930.01px) and (max-width: 1200px) {
      .gout-photo figure {
        margin: 0 5px 20px !important;
        max-width: calc((100% - 30px) / 2) !important; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      .gout-photo figure {
        margin: 0 5px 15px;
        max-width: calc((100% - 30px) / 2) !important; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .gout-photo figure {
        margin: 0 5px 10px !important;
        max-width: calc((100% - 30px) / 2) !important; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .gout-photo figure {
        max-width: 200px !important;
        margin: 0 auto 20px !important; } }
    @media screen and (max-width: 350px) {
      .gout-photo figure {
        max-width: 200px !important;
        margin: 0 auto 20px !important; } }
    .gout-photo figure img {
      border-radius: 5px;
      width: 100%; }
