.media-title {
    font-size: 76px;
    font-weight: 900;
    color: #d4d4d4;
    text-align: center;
    padding: 0 0 15px;
}

.newspaper {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 0 -10px 80px;
}
.newspaper .item {
    margin: 10px 0px;
    vertical-align: top;
    display: inline-block;
}
.newspaper .item a {
	position: relative;
	display: block;
}
.newspaper .item a:before {
    content: "";
    background: rgba(255, 223, 64, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.newspaper .item a:after {
	content: "\f00e";
	font-family: 'Line Awesome Free';
    font-weight: 900;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 38px;
    padding-top: 26%;
    text-align: center;
    color: #000;
    opacity: 0;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.newspaper .item a:hover:before, .newspaper .item a:hover:after {
	opacity: 1;
}


.media-home-yt {
    padding: 0 0 120px;
}
.media-home-yt .home-yt-list:nth-child(odd) {
    top: 180px;
}
.media-home-yt .home-yt-list:nth-child(even) {
    top: 0px;
}


@media only screen and (min-width:240px) and (max-width:767px)
{


.media-title {
    font-size: 30px;
}
.newspaper {
    -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit;
    margin: 0 0 80px;
}


}