@media (min-width: 1400px) {
  .artworks_column {
    -ms-flex: 25%;
    flex: 25%;
  }
}

@media (min-width: 1200px) {
  .img_box {
    width: calc(100% / 4);
  }
  .artworks_column {
    -ms-flex: 33%;
    flex: 33%;
  }
}

@media (max-width: 1199px) {
  .img_box {
    width: calc(100% / 3);
  }
}

@media (min-width: 800px) {
  #hamenu {
    display: none;
  }
}

@media (max-width: 799px) {
  #menu {
    position: absolute;
    right: -200px;
    bottom: -228px;
    padding: 24px;
    background-color: white;
    box-shadow: 2px 5px 10px #b1b1b1;
  }
  #menu.mini_menu {
    padding: 24px;
    bottom: -248px;
  }
  #menu.active {
    right: 0;
  }
  .menu_voice {
    display: block;
  }
  .img_box {
    width: calc(100% /2);
  }
  .indent_and_bg {
    display: block !important;
  }
  .img_width_1_3 {
      width: 100%;
  }
}

@media (min-width: 600px) {
  .artworks_column {
    -ms-flex: 50%;
    flex: 50%;
  }
}

@media (max-width: 599px) {
  .bigger.img_box {
    left: 18px;
    width: calc(100% - 36px);
  }
  .page_content {
    margin: 0 12px;
    max-width: calc(100% - 24px);
  }
  .indent_only {
    padding: 8px;
  }
}

@media (max-width: 480px) {
  .img_box {
    width: 100%;
  }
}