/*
 * WebId CSS for the Magnus Theme [Framed archive]
 */
 
.blog-home-content .framed-content article .section-image {
	background-position: center;
}

.blog-home-content .framed-content article {
	width: 40vw;
	height: 35vh;
	border: 3px outset;
}

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

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

@media (max-width: 800px) {
	
	.blog-home-content .framed-content article,
	.blog-home-content .framed-content article:first-child {
    	width: 80vw;
    	float: none; 
    }

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

@media (max-width: 600px) {
	
	.blog-home-content .framed-content article,
	.blog-home-content .framed-content article:first-child {
    	margin-left: 10vw;
    	margin-right: 10vw;
    }

	.blog-home-content .framed-content article .entry-header {
		font-size: 0.6666666667em;
	}
}

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