.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.lookbook {
  clear: both;
  overflow: hidden;
}
.isotope {
  width: 100%;
}

.grid-sizer,
.grid-item {
  width: 20%;
}
.grid-item--width2 { width: 40%; }

.grid-item {
  float: left;
  padding: 3px;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

/* Filters */
#options {
  padding-bottom: 20px;
}

ul#filters {
    text-align: center;
    display: inherit;
    margin: 0 auto;
    clear: both;
    list-style: none;
}

ul#filters li {
    display: inline-block;
    padding: 0;
}

ul#filters li a.selected, ul#filters li a:hover {
    border: 1px solid #939393;
}

ul#filters li a.selected {
    color: #323232;
}

ul#filters li a {
    color: #686868;
    padding: 6px 12px;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline;
    border: 1px solid transparent;
    margin: 0 2px;
    font-size: 16px;
    display: inline-block;
}

a:focus, a:link, a:active {
    outline: none;
}

/* Lookbook */

.lookbook {
    clear: both;
}

.isotope-item {
  z-index: 2;
}

.grid-item a img {
  opacity: 0.7;
}
 
.grid-text h1 {
 opacity: 0;
 text-decoration: none;
 z-index: 3;
 position: absolute;
 bottom: 0;
 text-decoration: none;
 padding: 0 5%;
 font-size: 36px;
 text-shadow: 2px 2px #000;
 letter-spacing: 3px;
}

@media only screen and (min-width: 960px) {
 .grid-text.hover {
   z-index: 3;
   position: relative;
   display: block;
   height: 4em;
   bottom: 6em;
   background-color: rgba(255,199,183,0.2);
 }

 .grid-item a img.hover {
   opacity: 1;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }
 
 a div.hover, 
 a div.hover h1 {
   opacity: 1;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }
}