p:hover {
  cursor: default;
}

.grid-container {
  border: solid 1px #eeeeee;
  padding: 0.5vw;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 24.5vw;
  grid-gap: 0.6vw;
}
#grid::-webkit-scrollbar{
  width:0px;
}
.fotorama__stage{
  height:80vh !important;
  text-align:center;
}
.fotorama__arr {
  display:none !important;
}
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img{
  max-width:1200px !important;
  max-height:80vh !important;
  object-fit:contain !important;
  margin:0 auto;
}
.fotorama{
  overflow:visible !important;
  display:none;
  left:50%;
  position:fixed;
  overflow:visible;
  max-width:60%;
  top:40%;
  transform:translate(-50%, -40%);
  max-height: 80%;
  width:80%;
  z-index:100000;
  height:80%;
}
.griditem {
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
  padding: 2vw;
  font-size: 0.8em;
  transition:1s;

  box-sizing: border-box;
}
.griditem:hover {
  cursor: pointer;
  transition:1s;
  filter: brightness(70%) grayscale(0%);
}

.image1 {
  background-position: left center;
  background-image: url(/images/Galerija/Archer-Tax-Solution.jpg);
  /*grid-area: image1;*/
}
.image2 {
  background-image: url(/images/Galerija/As-The-Curtain-Rises.jpg);
  /*grid-area: image2;*/
}
.image3 {
  background-image: url(/images/Galerija/Atlanta-Sleep-Solution.jpg);
  /*grid-area: image3;*/
}
.image4 {
  background-image: url(/images/Galerija/Brag-dad.png);
  /*grid-area: image4;*/
}
.image5 {
  background-image: url(/images/Galerija/Cube-Car.jpg);
}
.image6 {
  background-image: url(/images/Galerija/Gamers-Little-Playground.jpg);
}
.image7 {
  background-image: url(/images/Galerija/Harper&Vinnie.jpg);
}
.image8 {
  background-image: url(/images/Galerija/Jack&Wills-Burger-Joint.jpg);
}
.modal {
  z-index: 3;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  /* below covers window area*/
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffffff;
}
.modal-content {
  display: block;
}
.modal-btn {
  color:white;
  padding: 14px 20px;
  border-radius: 50%;
  position: absolute;
  right: 4vw;
  top: 3vh;
}
.modal-btn:hover {
  color: #006BD6;
  cursor: pointer;
}
.animate-zoom {
  animation: animatezoom 0.8s;
}
@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.topright {
  position: relative;
  right: 0;
  top: 0;
}
.mod-img {
  object-fit: scale-down;
  display: block;
  height: 98vh;
  width: 100%;
  max-width: 99vw;
  margin: 1vh auto;
}

.fotorama1{
  overflow:visible !important;
  display:none;
  left:50%;
  position:fixed;
  overflow:visible;
  max-width:60%;
  top:40%;
  transform:translate(-50%, -40%);
  max-height: 80%;
  width:80%;
  z-index:100000;
  height:80%;
}