.gallery-container {
  margin-bottom: 70px; }
  .gallery-container .page-title {
    margin-top: 80px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end; }
    @media only screen and (max-width: 767px) {
  .gallery-container .page-title {
    flex-wrap: wrap; } }
    .gallery-container .page-title .title {
      font-size: 35px;
      font-weight: 500;
      color: #404040;
      margin-right: 25px;
      line-height: 35px; }
      @media only screen and (max-width: 767px) {
  .gallery-container .page-title .title {
    font-size: 28px;
    margin-bottom: 5px; } }
    .gallery-container .page-title .back-button {
      font-size: 14px;
      font-weight: 500;
      color: #404040; }
  .gallery-container .line {
    background-color: #81b849;
    height: 10px;
    width: 32px;
    margin-bottom: 20px; }
  .gallery-container .page-description {
    font-size: 14px;
    font-weight: 400;
    color: #676767;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
  .gallery-container .page-description {
    font-size: 12px; } }
  .gallery-container .underline {
    height: 1px;
    width: 100%;
    background-color: #707070;
    margin-bottom: 25px; }
  .gallery-container .gallery-navigation {
    margin-bottom: 50px;
    display: flex; }
    .gallery-container .gallery-navigation a, .gallery-container .gallery-navigation div {
      margin-right: 5px;
      font-size: 18px;
      font-weight: 500;
      color: #676767; }
    .gallery-container .gallery-navigation a:hover {
      color: #81b849; }
  .gallery-container .galleries .link:hover .hover {
    opacity: 1 !important; }
    .gallery-container .galleries .link .item {
      height: 250px;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("../themes/dzik/assets/img/news.png");
      background-position: center;
      position: relative;
      z-index: -2;
      margin-bottom: 20px; }
      .gallery-container .galleries .link .item .info {
        display: flex;
        padding: 30px 20px 0 20px;
        z-index: 9999; }
        .gallery-container .galleries .link .item .info .title {
          color: #fff;
          font-weight: 500;
          font-size: 20px; }
      .gallery-container .galleries .link .item .dark-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
        background-color: #000;
        opacity: 0.3; }
      .gallery-container .galleries .link .item .hover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 33.33334%;
        background: linear-gradient(#81b849, rgba(127, 32, 132, 0));
        z-index: -1;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out; }