.fg-container {
    /**
     * Flex display is the key point to make images grow.
     */
    display: flex;
    flex-wrap: wrap;
}
.fg-container::after {
    /**
     * Creates a blank element after the last image.
     */
    content: '';
    /**
     * Prevents the images in the last row to grow.
     * In case they become too large.
     */
    flex-grow: 99999;
    /**
     * Well... If the left space is less than (screenHeight / 4), make them grow!
     */
    min-width: calc(100vw / 4);
}
.fg-item {
    /**
     * So that the text inside can be positioned absolutely.
     */
    position: relative;
}
.fg-img {
    /**
     * Makes images undraggable.
     */
    user-select: none;
    /**
     * Lets widths of images fit their parents (<a>s)
     */
    width: 100%;
    /**
     * Eliminates paddings images below images.
     */
    /*display: block;*/
    /**
     * Equivalent to "display: block;"
     */
    vertical-align: middle;
}
.fg-text {
    /**
     * Locate the text along with the image.
     */
    position: absolute;
    left: 1em;
    bottom: 1em;
    /**
     * Bring the text to the front.
     */
    z-index: 2;
    /**
     * White texts look good.
     */
    color: white;
}

.topnav {
    overflow: hidden;
    background-color: #333;
  }
  
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .topnav a.active {
    background-color: #04AA6D;
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }


  .contact, .contact a {
    color:#797979!important;
  }
  
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }