/*Portfolio*/

.works-col-2 {
  box-shadow: 1px 1.732px 16px 0px rgba( 0, 0, 0, .16 ), 1px 1.732px 5px 0px rgba( 0, 0, 0, .12 );
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  overflow: hidden;

}

.work-item {
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;

}

.work-item > a {
  display: block;
  position: relative;

}

.work-item img {
  max-width: 100%;
  height: auto;
  overflow: hidden;
  background-color: rgba(0,0,0,0.7);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.work-item .work-description {
  background: #fff;
  padding: 40px 20px;
}

.work-item .work-description h2 {
  font-size: 16px;
}

.work-item .work-description a {
  color: inherit;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.work-item .work-description a:hover {
  color: #3f51b5;
}

.work-img {
  position: relative;
  overflow: hidden;
}

.works-col-2:hover {
  box-shadow: 2px 5px 20px 2px rgba(0,0,0,0.16), 2px 5px 10px 2px rgba(0,0,0,.12);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.works-col-2:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}