* {
  font-family: Arial;
}
a, a:hover, a:active, a:visited {
  text-decoration: none;
}
h1 {
  color: #015ca3;
}
.wrapper {
  max-width: 1170px;
  margin: 50px auto;
}
.pict {
  display: inline-block;
  position: relative;
  margin-right: 3%;
  width: 29%;
  height: 250px;
  overflow: hidden;
}
.pict-text-wrap {
    height: 79px;
    margin-top: -81px;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: -60px 0 2px;
}
.pict-text {
    color: #fff;
    font-size: 0.85em;
    line-height: 1.5;
    opacity: 0;
    background-color: rgba(29,32,34,.7);
    margin-top: 40px;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    padding: 10px;
}
.pict:hover .pict-text {
    opacity: 1;
    margin-top: 0;
}
.pict img {
  width: auto;
  height: 100%;
}