/* zoom feature */

.gallery-container {
box-sizing:border-box;
margin:auto;
margin-right: 15px;
    margin-left: 15px;
}
.horz-col {
  position:relative;
  display:flex;
  flex-direction:column;
  flex:1;
  /*background-color:rgb(255, 101, 101);*/
}
.vert-col {
  position:relative;
  display:flex;
  flex:1;
  flex-direction:column;  
}

.gallery-item {
 margin:5px;
 padding:20px;
 box-sizing:border-box;
 background-color:#fdd900;
 position:relative;
 transition: background-position 1s;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
.gallery-item:hover {
  cursor:pointer;
}

.gallery-item:hover{
  background-size: cover;
  background-position: 55% 57%;
}

.gallery-item-main {
  min-height:450px;
}

.gallery-item-stack {
  min-height:450px
}


.gallery-item:hover .gradient-black{
  background: url(https://www.geneva.edu/_files/svg/corner-arrow.svg) no-repeat bottom right, linear-gradient(to bottom, rgba(32, 32, 32, 0),rgba(32, 32, 32, 0.8));
  background-position: bottom 0px right -1px;
  background-size: 9%;
  border:5px solid #fdd900;
}

.gallery-title {
  text-transform:uppercase;
  letter-spacing:3px;
  color:#ffffff;
}
.text-wrap{
  position:absolute;
  bottom:10px;
  z-index:2;
}
.gradient-black {
  box-sizing:border-box;
  transition: all .1s ease-out;
  background: linear-gradient(to bottom, rgba(32, 32, 32, 0),rgba(32, 32, 32, 0.8));
  background-position: bottom 0px right -15px;
  /*background-size: 9%;*/
}

.gallery-img-cover {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}
.gallery-item p {
    color: #e2e2e2;
    line-height: 25px;
}
.gallery-item-main h2.headline {
  font-size:20px;
  line-height:22px;
  margin-bottom:10px;
  color:#fdd900;
  text-transform:uppercase;
}
.gallery-item-stack h2.headline {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 10px;
  color:#fdd900;
  text-transform:uppercase;
}


.gallery-item .more_link {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 10;
}

  
  /* Bigger than 550 */
  @media (min-width: 550px) {
  
  }
  
  /* Bigger than 750 */
  @media (min-width: 750px) {

  .flex-item {
  flex-basis:50%;
  }
  }
  
  /* Bigger than 1000 */
  @media (min-width: 1000px) {

    .gallery-container {
      display: flex;
  }
    .gallery-item-main {
      min-height:700px;
    }
    .gallery-item-stack {
      flex:1;
      min-height:auto;
    }
    .gallery-item-main h2.headline {
      font-size:25px;
      line-height:27px;
    }
    .gallery-item-stack h2.headline {
      font-size: 25px;
      line-height: 27px;
  }

  }