.news-title{
    padding: 5% 0 0 0;
    font-size: 22px;
    text-align: center;
    opacity: 0;
	transform: translate(0, 8px);
    transition: all 1s ease-out;
}
.news-day{
    font-size: 15px;
    color: darkgrey;
    text-align: center;
    opacity: 0;
	transform: translate(0, 8px);
    transition: all 1s ease-out;
}
.news-wrapper{
    width: 45%;
    margin: 2% auto 7% auto;
    opacity: 0;
	transform: translate(0, 8px);
    transition: all 1s ease-out;
}



/*responsive*/
@media screen and (min-width: 768px) and (max-width: 1068px){
    .news-wrapper{
        width: 63%;
    }
}

@media screen and (max-width: 767px){
    .news-title{
        font-size: 17px;
        margin: 9% 0 1% 0;
    }
    .news-wrapper{
        width: 90%;
        margin: 8% auto 10% auto;
    }
    .news-wrapper p{
        font-size: 15px;
    }
}