/* CSS */

#blog-article { width: 1200px; margin: auto; margin-top: 100px; position: relative; }
#blog-article #lang { osition: absolute; right: 50px; top: 25px; font-size: 30px; z-index: 30; float: right; }
#blog-article h1 { text-align: left; padding: 20px 0px; }
#blog-article #top { width: 100%; height: auto; }
#blog-article #top img { width: 100%; height: auto; }

#blog-wrapper { position: relative; margin-top: 30px; }
#blog-author { position: absolute; top: 0px; text-align: center; }
#blog-author img { border: 5px solid #d8d8d8; border-radius: 50%; }
#blog-content { width: 1000px; margin-left: 150px; }
#blog-content h2 { border-bottom: 1px solid #e9e9e9; padding-bottom: 30px; }
#blog-content img { margin: auto; width: 700px; }
#blog-content img#pf { width: 1000px; }

.lazy { background: #fff; }

@media screen and ( min-width: 960px ) and ( max-width: 1299px ) {
	#blog-article { width: 900px; margin-top: 100px; }
	#blog-article #lang { right: 50px; top: 25px; font-size: 20px; }
	#blog-content { width: 700px; margin-left: 150px; }
	#blog-content h2 { font-size: 25px; }
	#blog-content img { width: 600px; }
	#blog-content img#pf { width: 600px; }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	#blog-article { width: 730px; margin-top: 100px; }
	#blog-article #lang { right: 50px; top: 25px; font-size: 17px; }
	#blog-content { width: 570px; margin-left: 150px; }
	#blog-content h2 { font-size: 20px; }
	#blog-content img { width: 500px; }
	#blog-content img#pf { width: 500px; }
}


@media screen and (min-width: 480px) and (max-width: 767px) {
	#blog-article { width: 95%; margin-top: 20px; }
	#blog-article #lang { right: 50px; top: 25px; font-size: 17px; }
	#blog-content { width: 90%; margin: auto; }
	#blog-content img { width: 500px; }
	#blog-content img#pf { width: 500px; }
	#blog-content h2 { font-size: 17px; }
	#blog-author { display: none; }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
	#blog-article { width: 95%; margin-top: 20px; }
	#blog-article #lang { right: 50px; top: 25px; font-size: 15px; }
	#blog-content { width: 90%; margin: auto; }
	#blog-content img { width: 300px; }
	#blog-content img#pf { width: 300px; }
	#blog-content h2 { font-size: 15px; }
	#blog-author { display: none; }
}