@media screen and (max-width: 800px) {
	span.article-name h1{
		color: black;
		margin: 0px;
	}
	span.article-name {
		padding: 20px;
	}
	div.current-article div.overlay {
		background: white;
	}
	span.article-name h1 a {
		color: black;
		font: Gotham Pro;
	}
	div.table-cell a.category {
		color: black;
		margin-top: 13px;
	}
	div.footer a.author-name,
	div.info span,
	span.time {
		color: black;
	}
	a.time {
		margin: 13px;
	}

	span.favorites {
		background: url("/blog/img/metrics/fav-01mobile.svg");
	}
	.favorites:hover,
	.favorites.active {
	    background: url("/blog/img/metrics/fav-hovmobile.svg");
	}
	span.icon {
		color: black !important;
	}
	.info-block.new .icon-views:before, .post-white-preview .icon-views:before, .current-article .icon-views:before {
    	background: url("/blog/img/metrics/views-black.svg");
    	background-repeat: no-repeat;
    	width: 22px;
    	height: 22px;
    	background-position: center;
    	-webkit-background-size: contain;
	}
	.info-block.new .icon-like:before, .post-white-preview .icon-like:before, .current-article .icon-like:before{
		content: "";
    	display: inline-block;
    	width: 12px;
    	height: 22px;
    	vertical-align: middle;
    	margin: -1px 4px 0 0;
    	background-position: center;
    	-webkit-background-size: contain;
    	background-size: 22px;
    	background-repeat: no-repeat;
    	margin-bottom: 4px;
    	background-image: url("/blog/img/metrics/likes-black.svg");
	}
	.info-block.new .icon-comment:before, .post-white-preview .icon-comment:before, .current-article .icon-comment:before {
		content: "";
    	display: inline-block;
    	width: 18px;
    	height: 22px;
    	vertical-align: middle;
    	margin: 0 5px 0 0;
    	background-position: center;
    	-webkit-background-size: contain;
    	background-size: 22px;
    	background-repeat: no-repeat;
    	margin-bottom: 3px;
    	background-image: url("/blog/img/metrics/comment-black.svg");
	}
	.time .icon {
    	background: url("/blog/img/metrics/time-black.svg");
   		height: 17px;
    	display: inline-block;
    	background-size: contain;
    	background-repeat: no-repeat;
	}
	.current-article-post {
		padding-top: 0px;
	}
	span.article-name {
		padding: 0px;
	}
	div.left {
		padding-left: 13px;
		padding-right: 13px;
	}
	body {
		overflow-x: hidden;
	}
	a.category:hover{
		color: black !important;
		background-color: white;
	}
	div.post_content {
		margin-top: 0px;
		padding-top: 10px !important;
		padding-left: 13px !important;
		padding-right: 13px !important;
	}
	.section-padding {
		padding-top: 0px;
	}
}

@media screen and (min-width: 801px) {
	a.category:hover {
		color: white;
	}
	span.article-name h1 a {
		color: white;
	}
	div.views-icon {
		display: inline-flex;
	}
	div.views-icon img {
		width: 22px;
		height:22px;
		margin-bottom: 3px;
	}
	.info-block.new .icon-views:before, .post-white-preview .icon-views:before, .current-article .icon-views:before {
    	background: url("/blog/img/metrics/views-white.svg");
    	background-repeat: no-repeat;
    	width: 22px;
    	height: 22px;
    	background-position: center;
    	-webkit-background-size: contain;
	}
	.info-block.new .icon-like:before, .post-white-preview .icon-like:before, .current-article .icon-like:before{
		content: "";
    	display: inline-block;
    	width: 12px;
    	height: 22px;
    	vertical-align: middle;
    	margin: -1px 4px 0 0;
    	background-position: center;
    	-webkit-background-size: contain;
    	background-size: 22px;
    	background-repeat: no-repeat;
    	margin-bottom: 4px;
    	background-image: url("/blog/img/metrics/likes-white.svg");
	}
	.info-block.new .icon-comment:before, .post-white-preview .icon-comment:before, .current-article .icon-comment:before {
		content: "";
    	display: inline-block;
    	width: 18px;
    	height: 22px;
    	vertical-align: middle;
    	margin: 0 5px 0 0;
    	background-position: center;
    	-webkit-background-size: contain;
    	background-size: 22px;
    	background-repeat: no-repeat;
    	margin-bottom: 3px;
    	background-image: url("/blog/img/metrics/comment-white.svg");
	}
	.time .icon {
    	background: url("/blog/img/metrics/time-01.svg");
   		height: 17px;
    	display: inline-block;
    	background-size: contain;
    	background-repeat: no-repeat;
	}
}