@media screen and (max-width:1279px) {
	article.blog-post {
		margin: 10px 0 0 0.75%;
		width: 31%;
	}

	#contact-form2 input[type="text"] {
		width: 70%;
		float: none;
	}
}

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

	div.post {
		width: 32%;
	}

	div.post.opened {
		width: 64%;
	}
}

@media screen and (min-width:500px) and (max-width:768px) {
	div.post {
		width: 48%;
	}

	div.post.opened {
		width: 96%;
	}
}


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

	header div#logo {
		float: none;
		margin: auto;
		margin-top: 22px;
		width: 284px;
	}

	aside#social-icon {
		float: none;
	}

	aside#social-icon ul {
		position: relative;
		margin: auto;
		width: 230px;
		margin-bottom: 20px;
	}

	#menu nav ul > li a {
		padding: 72px 25px 25px;
		margin-bottom: -2px;
	}

	#menu nav li a img {
		top:30.5px;
	}

	#menu nav ul li a p {
		display: none;
	}

	section#filter {
		height: 97px;
		width: 60px;
	}

	div#content {
		margin-top: 246px !important;
	}


	section#blog-content {
		width: 96% !important;
	}

	aside#sidebar {
		margin-left: 10px;
	}

	article.blog-post {
		margin: 10px 0 0 1.4% !important;
		width:46% !important;
	}

	section.typography {
		width: 89%;
		margin: 1.5%;
		padding: 2%;
	}

	.contact-info,
	.contact-form  {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}

	#contact-form input[type="text"] {
		width: 70%;
		float: none;
	}

	#contact-form textarea {
		width: 96%;
	}

	section.singlepost {
		width: 93%;
		margin: 1.5%;
		margin-bottom: 0;
	}
}

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

	div.post {
		width: 96%;
	}

	div.post.opened {
		width: 96%;
	}

	article.blog-post {
		margin: 10px 0 0 1.4% !important;
		width:93% !important;
	}

	section.typography article p {
		width: auto;
	}

	.dropcaps article.span3 {
		width: auto;
	}

	ul.tab-list {
		float: left;
		margin-right: 10px;
	}

	ul.tab-list li {
		float: none;
	}

	ul.tab-cont li {
		padding-top: 0 !important;
	}

	#contact-form textarea,
	#contact-form2 textarea {
		width: 93.5%;
	}

	#comments ul li.depth1 ul li {
		margin-left: 0;
	}

	section.singlepost {
		width: 91.5%;
		margin: 2%;
		margin-bottom: 0;
	}
}

@media screen and (max-width:768px) {
	div.description {
		left:50%;
		margin-left: -150px;
		top:200px;
	}

	div.project-pagination {
		right:50%;
		margin-right: -140px;
	}
}