textarea {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1vw;
  height: 6vw;
  padding-top: 2vw;
}
#role {
  position: fixed;
  z-index: 9999;
  right: 2vw;
  bottom: 2vw;
}
#role i {
  font-size: 3vw;
  cursor: pointer;
}
body {
  text-align: center;
  margin:0!important;
}
form {
  margin: 4vw auto;
  display: inline-block;
}
input {
  display: block;
  padding: 0.5vw 1vw;
  margin: 0.5vw;
  width: 15vw;
  border-radius: 0.5vw;
  border: 1px solid gray;
}
button {
  padding: 0.5vw 1vw;
  border: 1px solid gray;
  width: 15vw;
  border-radius: 0.5vw;
    
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  position: relative;
  font-family: 'Montserrat', sans-serif;
}
section.gallery{
  position: relative;
  /*! padding: 45px 0; */
}
h2.title{
  font-size: 44px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 45px;
  position: relative;
}
h2.title:after{
  content: "";
  position: absolute;
  width: 100px;
  height: 3px;
  background-color: #111111;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.gallery-list{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  font-size: 0;
}
.gallery-item{
  display: block;
  flex: 20%;
  overflow: hidden;
  position: relative;
}
.gallery-item-hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: opacity .5s ease;
  z-index: 2;
  background-size: cover;
  opacity: 1;
  background-position: center;
}
.gallery-item:hover .gallery-item-hover{
  opacity: 1;
}
.gallery-item:hover img{
  transform: scale(1.3) rotate(5deg);
}
.gallery-item img{
  max-width: 100%;
  height: auto;
  transition: all .5s ease;
}
@media (max-width: 991px){
  .gallery-item{
    flex: 33.3%;
  }
}
@media (max-width: 768px){
  .gallery-item{
    flex: 50%;
  }
}
@media (max-width: 530px){
  .gallery-item{
    flex: 100%;
  }
  i {
    font-size: 10vw!important;
  }
  textarea {
    font-size: 5vw;
    padding: 5vw!important;
    height: 30vw
  }
  .trashicon {
      left: 4vw!important;
      top: 56vw!important;
  }
  .loadimageicon {
      left: 45vw!important;
      top: 56vw!important;
  }
  .linkicon {
      left: 85vw!important;
      top: 56vw!important;
  }
  .backarrow {
    left: 5vw!important;
    top: 13vw!important;
  }
}