.g_title {
   text-align: center;
}

.flex-gallery {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

.image-rate {
   position: relative;
   overflow: hidden;
   height: 200px;
   margin: 2.5px;
   flex-grow: 1;
}

.image-rate img {
   width: auto;
   height: 100%;
   min-width: 100%;
   max-width: 100%;
   object-fit: cover;
   cursor: pointer;
}

.image-rate:after {
   content: url("./images/zoom.png");
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0,0,0,0.8);
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   color: #fff;
   opacity: 0;
   transition: all 300ms ease-in;
}

.image-rate:hover:after {opacity: 1}

#fullimage {
   position: fixed;
   z-index: 999;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0,0,0,0.8);
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
}

#fullimage img {
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
}

.closebtn {
   display: block;
   position: absolute;
   top: 15px;
   left: 15px;
   width: 40px;
   height: 40px;
   background-image: url("./images/close.png");
   cursor: pointer;
}

.leftbtn {
   display: block;
   position: absolute;
   top: 50%;
   left: 15px;
   width: 40px;
   height: 40px;
   background-image: url("./images/left.png");
   cursor: pointer;
}

.rightbtn {
   display: block;
   position: absolute;
   top: 50%;
   right: 15px;
   width: 40px;
   height: 40px;
   background-image: url("./images/right.png");
   cursor: pointer;
}

.linkbtn {
   display: block;
   position: absolute;
   bottom: 15px;
   width: 40px;
   height: 40px;
   background-image: url("./images/link.png");
   cursor: pointer;
}

.linkbtn a {
   display: block;
   height: 100%;
   width: 100%;
}

@media (max-width: 480px) {
   .image-rate {
      width: calc(50% - 5px);
      height: calc(50vw - 5px);
   }
}