div.news {display:flex;flex-wrap:wrap;margin-left:-20px;}
div.news article {flex:0 1 33.33%;box-sizing:border-box;padding-left:20px;margin-bottom:40px;}
div.news article a {box-shadow:0 0 15px rgba(0, 0, 0, 0.03);display:flex;text-decoration:none;height:100%;color:#000;flex-direction:column;}
div.news article div.body {flex:1 1 0px;}
div.news article div.img {border-bottom:1px solid #e6e6e6;position:relative;z-index:0;display:flex;}
div.news article img {margin:auto;max-width:90%;height:auto;}
div.news article time {position: absolute;bottom: 0px;left: 0px;font:bold 18px/1 'Roboto', sans-serif;padding: 9px 15px;}
div.news article time::before {margin-right:4px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAzElEQVR42mJ81sUAA8xAvBuIHYH4KhDbAfE7qJwQEB8CYm0g3g/ErkD8FyTBxIAAGlDNTkAsDsTWSHLWUDEnqBoNmAQj0AUyQHoKEINoYyAWBOILQPwFiN9A1YkAMQ8QGwDxeyA+C8RPgDiHBUgEAbE/AybQRuM/RGIbQ/E+JjRvgMBOIJbFYqAsVA4ZMLFAGR+hzoaBwwy4wUEoDfIOA8wAkGYHBtLAAQYszicZjBowGAyApQNYOicF8MAMOAXErUB8nkQDvoH0AgQYAEzCIAsatZE7AAAAAElFTkSuQmCC');}
div.news article h2 {margin:40px 20px 5px;line-height:1.5em;font-size:1em;}
div.news article div.desc {margin:0 20px;line-height:1.5em;}
div.news article div.desc::after {content:'';display:table;clear:both;}
div.news footer {position:relative;z-index:0;}
div.news footer span {transition: background-color 0.5s ease-out 0s;display: inline-block;position: relative;bottom: -26px;left: 50%;transform: translateX(-50%);background-color: #e68a00;padding: 18px 50px;box-sizing: border-box;border-radius: 5px;color:#FFFFFF;font:bold 14px/1 'Roboto', sans-serif;letter-spacing:2px;text-transform: uppercase;white-space: nowrap;cursor: pointer;}
div.news a:hover footer span {background-color:#b36b00;}

@media screen and (max-width:992px){
	div.news article {flex:0 1 50%;}
}
@media screen and (max-width:768px){
	div.news {display:block;margin-left:0;}
	div.news article {padding-left:0;max-width:400px;margin:0 auto 40px;}
}