.streams {
    text-align: center;
}
.streams section {
    display: inline-block;
    margin-left: 0.3%;
    cursor: pointer;
}

.streams section > span{
    font-size: 22px;
    margin-bottom: 0px;
}

.streams section .imgArea {
    width: 167px;
    height: 154px;
    overflow: hidden;
    position: relative;
    border: 7px solid #f6f6f6;
}

.streams section .imgArea img {
    width: 100%;
    height: 100%;
}

.streams section:hover .imgArea .hover {
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
}

.streams section .imgArea .hover {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.streams section .imgArea .textBox {
    bottom: 0px;
    height: 100%;
    padding: 57px 3px 0px 3px;
    position: absolute;
    text-align: center;
    z-index: 2;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

.streams section .imgArea .textBox p {
    color: #fff;
    height: 75px;
    overflow: hidden;
    font-family: 'Alef', arial;
}

@media only screen and (max-width: 600px) {

}