/* Base elements */
* {
  box-sizing: border-box;
}

a{
  cursor: pointer;
}

/* ID Selectors */
#search {
  margin: 20px 0;
  border-radius: 4px;
  width: 35%;
  border-color: #d8d8d8;
  padding: 5px 0 5px 5px;
  font-family: sans-serif;
  border-style: solid;
}

#search:focus {
  color: grey;
  font-family: sans-serif;
  outline: 0;
}
/* Class Selectors */

.wrapper {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.img-item {
  flex: 1 100%;
  margin-bottom: 40px;
}

::placeholder {
  color: grey;
}

.lb-data .lb-caption {
  font-size: 18px;
  line-height: 1.5em;
}
.lb-nav a.lb-prev, .lb-nav a.lb-next{
width: 40%;
opacity: inherit;
}
/* Media Queries */

@media (min-width: 768px) {
  .img-item {
    flex: 1 33%;
  }

}

@media (min-width:1024px) {
  .img-item {
    flex: 1 25%;
  }
  .lb-nav a.lb-prev, .lb-nav a.lb-next{
    width: 18%;
    height: 50%;
    top: 117px;
  }
  .lb-nav a.lb-prev{
    position:absolute;
    left: -140px;
  }
  .lb-nav a.lb-next{
    position: absolute;
    right: -140px;
  }
  .lb-nav a.lb-prev:hover, .lb-nav a.lb-next:hover{
    transform: scale(1.1);
  }
}