.grid {
  position: relative;
  opacity: 0;
  transition: opacity 0.8s linear 1s;
}
.images-loaded .grid {
  opacity: 1;
}

  .item {
  position: absolute;
  margin: 20px;
  z-index: 1;
  }

.images {max-width:310px; max-height:450px;}

img{max-width:600px;max-height:700px;}
.thumb img {max-width:310px; max-height:450px}
@media screen and (max-width: 576px) { 
    .images {max-width:100%; max-height:100%;}

  .big-images {max-width:100%;max-height:auto;}

  .item {
  position: absolute;
  margin: 5px 0px 5px 0px;
  z-index: 1;
  max-width:100%;
  }
  .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
  }
}

.item.muuri-item-hidden {
  z-index: 0;
}
.item.muuri-item-releasing {
  z-index: 2;
}
.item.muuri-item-dragging {
  z-index: 3;
}
.item-content {
  position: relative;
  cursor: pointer;
    max-height: 100%;
  max-width: 100%;
}
.item-content > img {
  display: block;
  border-radius: 0px;
}


.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-transform: uppercase;
  transition: opacity 0.6s linear 0.4s;
  font-family: 'Montserrat', sans-serif;
}
.images-loaded .loading {
  opacity: 0;
}

.overlay {
  position: absolute;
  top: 76%;
  bottom: 4%;
  left: -20px;
  right: 0;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

.item-content:hover .overlay, .item-content:active .overlay {
  opacity: 1;
}

.text, .smalltxt {
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.blueimp-gallery > .description {
  position: absolute;
  top: 100px;
  padding: 15px;
  color: #293540;
  background-color: #fff;
  display: none;
  width:500px;
  text-align: left;
}
.blueimp-gallery-controls > .description {
  display: block;
}


@media screen and (max-width: 576px) { 
.icon-bar, .icon-bar:a, .icon-bar:hover, .icon-bar:focus, .icon-bar:active {background-color: #fff;}
.icon-bar img{
    margin-top:-10px;
  }
}

.mobitem{
  /*display: none;*/
}
.mobile.overlay {
  top: 5%;
  bottom:5%;
  left: 5%;
  right: 5%;
  width: auto;
  max-height: 100%;
  opacity: 0;
  transition: .5s ease;
}
.mobile > .text, .mobile > .smalltxt {
  width:96%;
  height:auto;
  overflow: hidden;
  color: white;
  font-size: 12px;
  text-align: left;
  position: absolute;
  z-index: 100;
  padding:4%;
}

.title{  
  font-size: 14px; 
}

#footer {
  z-index: -10;
  font-size: 8px;
  color: #293540;
 }