div.google-ads{float: left; width: calc(100% - 40px); padding: 20px; margin: 15px 0 15px 0; background-color: white;}
ul.fonts,
ul.fonts li{float: left; margin: 0px; padding: 0px; list-style: none;}
ul.fonts{ background-color: white; width: calc(100% - 30px); padding: 15px;}
ul.fonts li{margin: 15px 0 15px 0; position: relative; width: 100%; border-bottom: 4px solid #f1eee4; padding-bottom: 10px;}
ul.fonts li h2{float: left; width: 100%; margin: 10px 0 15px 0; font-size: 19px; font-weight: normal;}
ul.fonts li p{float: left;  width: 100%; margin: 5px 0 0 0; overflow: hidden; color: black; padding: 5px 0 5px 0;}
ul.fonts li a{text-decoration: none; color: #343434;}
ul.fonts li h2 a:hover{text-decoration: underline;}
ul.fonts li p a{float: left; width: 100%;}
ul.fonts li a img{float:left;}
ul.fonts li a img.lazy{	background:white url(../images/loading.gif) left center no-repeat;}
ul.fonts li div{position: absolute; height: 100%; right: 0px; top: 0px;background-image: linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,1));}
ul.fonts li div button{width: 80px; height: 80px; border-radius: 50%; font-size:  16px; background-color: #f1eee4; border:#f1eee4 4px solid;cursor: pointer;}
ul.fonts li div button:hover{background-color: #ddd6bd; border-color: #f1eee4;}
ul.fonts li div button i{font-size: 20px;}

ul.fonts li div.download,
ul.fonts li div.google-ads{position: inherit; height: auto; background-color: white;}
ul.fonts li div.download{float: left; width: 100%; font-size: 18px; margin: 10px 0 10px 0; text-align: right; border-bottom: #f1eee4 4px solid; padding: 10px 0 10px 0;}
ul.fonts li div.download a{color: #4169E1;}
ul.fonts li div.download a:hover{text-decoration: underline;}
ul.fonts li div.download span{color:red;}