/*
 * WebId CSS for the Magnus Theme [Front page]
 */
 
.front-page.single .site-header {
	opacity: 1;
}
 
.front-page .blog-home-content {
	background: rgb(55, 55, 72) none repeat scroll 0% 0%;
}

.blog-home-content .front-page-content article .section-image {
	background-position: top center;
}

.front-page-content .article-container {
	height: 42vh;
}

.blog-home-content .front-page-content article {
	width: 40vw;
	height: 32vh;
	border: 3px outset;
	border-radius: 5px;
}

.blog-home-content .front-page-content article .entry-header {
	font-size: 0.8573333333em; 
}
	
@media (max-width: 1100px) {
	
	.blog-home-content .front-page-content article .entry-header {
		font-size: 0.6666666667em;
	}
}

@media (max-width: 900px) {
	
	.blog-home-content .front-page-content article .entry-header {
		font-size: 0.55em;
	}
}

@media (max-width: 800px) {
	
	.front-page .blog-home-content {
		background: none;
	}

	.blog-home-content .front-page-content article,
	.blog-home-content .front-page-content article:first-child {
    	width: 80vw;
    	float: none; 
    }

	.blog-home-content .front-page-content article .entry-header {
		font-size: 0.8573333333em;
	}
}

@media (max-width: 600px) {
	
	.blog-home-content .front-page-content article .entry-header {
		font-size: 0.6666666667em;
	}
}

@media (max-width: 400px) {
	
	.blog-home-content .front-page-content article .entry-header {
		font-size: 0.55em;
	}
}