@charset "UTF-8";
/* CSS Document */




/* --------------------
	< 1200px
---------------------*/

@media screen and (max-width: 1200px) {
	
header {
	margin-bottom:80px;
}

.background {
	height: 360px;
	
}

.navsidebar {
	margin-top:-200px;
}

.about-me {
	height: 300px;
	top: 96px;
}
.about-me-text {
	top: 300px;
}

.socialmedia-sidebar {
	height: 200px;
	top: 70px;
}
h2
{	
	font-size:28px;
}
}

/* --------------------
	< 1024px
---------------------*/

@media screen and (max-width: 1094px) {

header {
	margin-bottom:80px;
}

.background {
	height: 300px;
}

.navsidebar {
	margin-top:-180px;
}

.about-me {
	height: 300px;
	top: 56px;
	left: 220px;
}
.about-me-text {
	top: 240px;
	left: 220px;
}

.socialmedia-sidebar {
	height: 100px;
	top: 36px;
}
.post
{	
	height:240px;
	width:60%;
	margin-top:40px;
	padding-bottom:3px;
	clear:both;
	
}
.post-text
{	width:62%;
	height:240px;
	clear:both;
	}
.img-post
{	float:right;
	width:200px;
	margin-top:auto;
	margin-bottom:auto;
}
#faque.img-post {
	
	float:right;
	width:200px;
	padding-left:5px;
	margin-top:auto;
	margin-bottom:auto;
}


h2
{	
	font-size:26px;
}
h3
{	
	font-size:18px;
}
h4
{
	
	
	font-size: 14px;
	
	
}
}
/* --------------------
	< 768px
---------------------*/

@media screen and (max-width: 768px) {

.social-icons {
	width: 45px;
}
.about-me {
	width: 400px;
	height: 100px;
	top: 66px;
	left: 160px;
}
.about-me-text {
	width: 500px;
	top: 230px;
	left: 120px;
	font-size:14px;
}
h1
{	
	font-size:40px;
	line-height: 40px;
}
h2
{	
	font-size:24px;
	clear: both;
}
h3
{	
	font-size:18px;
	clear: both;
}
.post
{	
	height:180px;
	width:80%;
	margin-top:10px;
	padding-bottom:3px;
	clear:both;
	
}
.post-text
{	width:90%;
	height:180px;
	clear:both;
	}

	.img-post
{	visibility:hidden;
	width:50px;
	height:50px;
}
#faque.img-post {
	visibility:hidden;
	width:50px;
	height:50px;
}
.timeago
{	height: 40px;
	width: 300px;
	padding-top: 0px;
	clear:both;
	position: absolute;
	bottom:0;
	}

}






/* --------------------
	< 480px
---------------------*/

@media screen and (max-width: 480px) {
	
	
header {
	margin-bottom:30px;
}

.background {
	height: 200px;
}

.navsidebar {
	margin-top:-110px;
	height: 130px;
	width: 80px;
	font-family: 'Lato', sans-serif;
	font-size:14px;
}
.nav-icon {
	width:30px;
}

.about-me {
	width: 200px;
	height: 80px;
	top: 56px;
	left: 100px;
}
.about-me-text {
	visibility:hidden;
}

.socialmedia-sidebar {
	height: 20px;
	top: 16px;
	width:40px;
}
.social-icons {
	width: 30px;
}
.post
{	
	height:210px;
	width:80%;
	margin-top:10px;
	padding-bottom:3px;
	clear:both;
	
}
.post-text
{	width:96%;
	height:210px;
	clear:both;
	}
.img-post
{
	visibility:hidden;
	width:2px;
	height:2px;
}
#faque.img-post {
	visibility:hidden;
	width:2px;
	height:2px;
}
.article
{	
	width:80%;

}
p
{	
	font-size:14px;
	margin-top:5px;
}

h1
{	
	font-size:30px;
	line-height: 30px;
}
h2
{	
	font-size:22px;
	clear: both;
}
h3
{	
	font-size:14px;
	clear: both;
}
.timeago
{	height: 40px;
	width: 300px;
	clear:both;
	padding-left:15px;
	
	}
	.timeago-text
{	
padding-top:15px;

}
.timeago-img
{	visibility: hidden;
	height: 2px;
	width: 2px;
	padding-right:0px;
padding-left:0;
}
h4
{
		font-size: 12px;
	
}
footer
{	width:100%;
	height:100px;

}

.footer-text
{	text-align:center;
	font-family: 'Lato', sans-serif;
	color:#686868;
	font-weight:100;
	font-size:13px;
	margin-top:20px;
	text-decoration:none;
}

}