@media(max-width:1500px){
	header{width: 25%;}
	.portfolio, footer{width: 75%;}
	.portfolio-items .item{width:33.333333%;}
}





@media(max-width:1280px){
	.header-right{position: relative; float: left; padding-bottom: 20px;}
	header{width: 35%; padding:20px;}
	.portfolio, footer{width: 65%;}
	.portfolio-items .item{width:50%;}

	.content h3, .contact h4, .social h4{
		font-size: 12px;
	}
	.content p, .contact p, .social a, footer .copyright, footer .follow{
		font-size: 10px;
	}

	.portfolio-items .item .text h4{font-size:11px;margin:0 0 5px 0;}
	.portfolio-items .item .text p{font-size:9px;}
}





@media(max-width:640px){
	header{width: 45%;}
	.portfolio, footer{width: 55%;}
	a.logo img{width: 60px; height: auto;}


	.content h3, .contact h4, .social h4{
		font-size: 10px;
	}
	.content p, .contact p, .social a, footer .copyright, footer .follow{
		font-size: 8px;
	}


	.portfolio-items .item .text{
		width: 100%;
		padding:5px;
	}
	.portfolio-items .item .text h4{font-size:10px;margin:0 0 2px 0;}
	.portfolio-items .item .text p{font-size:8px;}
	.portfolio-items .item a:after{font-size:16px;}


	footer .copyright{
		width: 100%;
		margin-bottom: 5px;
	}
	footer .follow{
		float: left;
		width: 100%;
		margin-left: 0;
	}
}