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


@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}

@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	table, tr, td
	{
		width:auto;
	}
	.portfolio-img
	{
		width:auto; padding-left:20px; padding-right:20px;
	}
	.header h1
	{
		float:none; width:auto; text-align:center;
	}
	.header-right
	{
		float:none; width:auto; 
	}
	.social-icon
	{
		text-align:center; float:none;
	}
	.social-icon a
	{
		float:none; display:inline-block;
	}
	.nav
	{
		margin:20px 0 0 0; float:none;
	}
	.nav ul li
	{
		border-left:none;
	}
}
@media only screen and (max-width:768px)
{
	.section-home
	{
		padding:100px 0; text-align:center;
	}
	.section-home h1
	{
		font-size:12vw; line-height: 5vw; margin:0;
	}
	.section-home h1 small
	{
		font-size:2.9vw;
	}
	.footer
	{
		padding:0 50px;
	}
	.section-about
	{
		height:auto; background-attachment:fixed; padding:0 30px;
	}
	.section-about-content
	{
		width:auto; float:none;
	}
	.section-services
	{
		background-attachment:fixed; padding:30px 100px; 
	}
	.section-services h3
	{ 
		font-size:4vw; 
	}
	.section-services h1
	{ 
		font-size:4.5vw; 
	}
	.services-list-cont
	{
		width:auto; 
	}
	.services-strip
	{
		padding:0 30px;
	}
	.services-strip h2
	{
		font-size: 8vw;
	}
	.portfolio
	{
		background-attachment:fixed;
	}
	.portfolio h2
	{
		font-size:5vw;
	}
	.portfolio-img ul li a span
	{
		font-size:2vw;
	}
	.contact
	{
		padding:50px 10% 0 10%;
	}
	.contact p strong
	{
		font-size:3vw;
	}
	.contact h2
	{
		font-size: 5vw;
	}
}
@media only screen and (max-width:480px)
{
	.header
	{
		padding:20px 30px; 
	}
	.footer p
	{
		float:none; text-align:center; margin:0; padding:5px 0;
	}
	.section-services
	{
		padding:30px 30px; 
	}
	.services-list
	{ 
		float:none; width:auto;
	}
	.portfolio-img ul li
	{
		width:48%; margin-left:1%; margin-right:1%; margin-top:1%; margin-bottom:1%;
	}
	.portfolio-img ul li a span
	{
		font-size:3vw;
	}
}