@media screen and (max-width: 975px){
	body { font-size: 14px; }
	.container { width: 95% !important; }
	#fWrapper { border-top: none; }
	#fWrapper .social { text-align: center; margin-bottom: 10px; }	
}

@media screen and (max-width: 768px){
	.carousel-wrapper { padding: 0 20px; }
	header .animate { opacity: 1; }
	#slider .carousel-inner .carousel-item { min-height: 300px; }
	a.u:after, a.u:hover:after { display: none; }
}

@media screen and (max-width: 360px){
	ul.project-images li { width: calc(50% - 10px); }
}