.photogrid1 .img_645 {
  height: 645px;
  width: 100%;
  overflow: hidden;
}
.photogrid1 .img_645 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photogrid1 .img_645:hover .img_hover {
  transform: scale(1.1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.photogrid1 .img_322 {
  height: 322px;
  width: 100%;
  overflow: hidden;
}
.photogrid1 .img_322 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photogrid1 .img_322:hover .img_hover {
  transform: scale(1.1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.photogrid1 .img_300 {
  height: 322px;
  width: 100%;
  overflow: hidden;
}
.photogrid1 .img_300 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photogrid1 .img_300:hover .img_hover {
  transform: scale(1.1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.photogrid1 .img_500 {
  height: 500px;
  width: 100%;
  overflow: hidden;
}
.photogrid1 .img_500 img {
  height: 100%;
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.photogrid1 .img_500:hover .img_hover {
  transform: scale(1.1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.photogrid1 .img_300::before, .photogrid1 .img_322::before, .photogrid1 .img_645::before {
  content: " .";
  color: transparent;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1349789916) 43%, rgba(0, 0, 0, 0.300245098) 70%);
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
}
.photogrid1 .img_500::before {
  content: " .";
  color: transparent;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1349789916) 43%, rgba(0, 0, 0, 0.300245098) 70%);
  position: absolute;
  bottom: 0px;
  left: 1px;
  right: 1px;
  top: 0px;
}
.photogrid1 .banner_responsive {
  padding: 4px;
}
.photogrid1 .padding_10 {
  padding: 10px !important;
}
.photogrid1 .padding_4 {
  padding: 4px !important;
}
.photogrid1 .padding_0 {
  padding: 0px !important;
}
.photogrid1 .btn-lg {
  padding: 0.5rem 3rem;
  font-size: 1rem;
  border-radius: 0;
}
.photogrid1 .grid_text {
  position: absolute;
  bottom: 30%;
  left: 40px;
  color: #fff;
  text-transform: uppercase;
}
.photogrid1 .grid_text:hover .img_hover {
  transform: scale(1.1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.photogrid1 .grid_text_small {
  position: absolute;
  bottom: 10%;
  left: 20px;
  color: #fff;
  text-transform: uppercase;
}
.photogrid1 .grid_text_small:hover .img_hover {
  transform: scale(1.1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.photogrid1 .grid_text_big {
  position: absolute;
  bottom: 15%;
  left: 40px;
  color: #fff;
  text-transform: uppercase;
}
.photogrid1 .grid_text_right {
  position: absolute;
  bottom: 15%;
  right: 40px;
  color: #fff;
  text-transform: uppercase;
}
.photogrid1 .grid_3_button_right {
  position: absolute;
  bottom: 35px;
  right: 40px;
  border: 0.5px solid var(--background);
  background-color: var(--background);
  color: var(--color);
}
.photogrid1 .grid_3_button_right:hover {
  border: 0.5px solid var(--main_color);
  background-color: transparent;
  color: var(--main_color);
}
.photogrid1 .grid_3_button {
  position: absolute;
  bottom: 35px;
  left: 40px;
  border: 0.5px solid var(--background);
  background-color: var(--background);
  color: var(--color);
}
.photogrid1 .grid_3_button:hover {
  border: 0.5px solid white;
  background-color: var(--background);
  color: var(--color);
}

@media (max-width: 740px) {
  .photogrid1 .img_645, .photogrid1 .img_322 {
    height: 500px;
    width: 100%;
    overflow: hidden;
  }
  .photogrid1 .img_300 {
    height: 270px;
    width: 100%;
    overflow: hidden;
  }
  .photogrid1 .grid_text, .photogrid1 .grid_text_right, .photogrid1 .grid_text_big {
    bottom: 20%;
  }
}
@media (max-width: 450px) {
  .photogrid1 .img_645, .photogrid1 .img_322 {
    height: 350px;
    width: 100%;
    overflow: hidden;
  }
  .photogrid1 .img_300 {
    height: 200px;
    width: 100%;
    overflow: hidden;
  }
  .photogrid1 .grid_text, .photogrid1 .grid_text_right, .photogrid1 .grid_text_big {
    bottom: 30%;
  }
}/*# sourceMappingURL=photogrid.css.map */