@media screen and (max-width: 1024px) {	
	#container, #main, #footer, #homemain {
		width:1014px;	
	}	

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:994px;
	}
	
	#logo {
		width:40%;
	}

	#nav1 {
		width:48%;
	}

	#index.main {
		background-size:contain;
	}

	.main {
		background-size:cover;
	}
}

@media screen and (max-width: 980px) {	
	#container, #main, #footer, #homemain {
		width:970px;	
	}	

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:950px;
	}
}

@media screen and (max-width: 800px) {
	#container, #main, #footer, #homemain {
		width:790px;	
	}		

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:770px;
	}
	
	body {
		font-size:14px; line-height:23px;
	}
	
	h2 {
		font-size:18px; line-height:22px;	
	}

	h3 {
		font-size:18px; line-height:22px;	
	}
	
	.casestudy h3 {
		height:22px;	
	}
	
	.casestudy h3 a {
		width:22px;
		height:22px;
		font-size:18px;
		line-height:22px;
		padding:0px 0px;
	}

	.main {
		min-height:330px;
		background-position:top;
	}
	
	.main .content p {
		margin-bottom:20px;
	}

	.main .content ul {
		margin:0px;
		padding:0px;
		font-size:11px; line-height:13px;
	}
	
	.title {
		font-size:20px; line-height:20px;
	}

	#viewwork {
		bottom:4%;
		right:10%;
	}
	
	#viewwork a {
		padding:5px 10px;
		font-size:18px; line-height:22px;
	}
	
	#viewworkdown {
		display:none;
	}

	#nav1 a, #worknav a, #item0 a, #item0 a.more {
		font-size:14px;
		line-height:18px;
		padding:2px 5px;
	}
	
	.featurename, .landingname {
		font-size:20px; line-height:20px;
	}
}

@media screen and (max-width: 768px) {
	#container, #main, #footer, #homemain {
		width:763px;	
	}

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:743px;
	}

	#nav1 a {
		margin:0px 10px 5px 0px;
		padding:5px 10px;
		font-size:14px; line-height:20px;
	}
	
	.content p {
		font-size:13px;
		line-height:15px;
	}
}

@media screen and (max-width: 736px) {
	#container, #main, #footer, #homemain {
		width:730px;	
	}
	
	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:710px;
	}
}

@media screen and (max-width: 640px) {
	#container, #main, #footer, #homemain {
		width:635px;	
	}

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:615px;
	}

	.featurename, .landingname {
		font-size:22px; line-height:24px;
	}
	
	#nav1 {
		max-height:35px;	
	}

	#logo img {
		max-height:60px;
	}

	#logo .tagline {
		padding-bottom:11px;
		font-size:12px;
	}

	#nav1 a, #worknav a, #item0 a, #item0 a.more {
		font-size:14px;
		line-height:18px;
		padding:2px 5px;
	}

	#enlighten .content {
		margin:3.5% 0px 0px 3%;
		width:70%;
	}

	.main {
		min-height:280px;
	}
	
	.background {
		padding:10px 40px;
	}
	
	.fourcols {
		margin-top:10px;
		column-count:2;
		column-gap: 20px;
	}
	
	#imagine ul {
		display:none;
	}
}

@media screen and (max-width: 480px) {
	#container, #main, #footer, #homemain {
		width:475px;	
	}

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:455px;
	}

	#logo .tagline {
		padding-bottom:9px;
		font-size:11px;
		line-height:14px;
	}
	
	#nav1 {
		width:48%;
	}

	h1 {
		font-size:17px; line-height:21px;
	}

	h2, .title {
		font-size:13px; line-height:16px;
	}

	h3 {
		font-size:12px; line-height:16px;
	}

	body, h4 {
		font-size:12px; line-height:16px;
	}

	h5 {
		font-size:11px; line-height:16px;
	}

	h6 {
		font-size:11px; line-height:16px;
	}
	
	#nav1 a, #worknav a, #item0 a, #item0 a.more {
		font-size:11px;
		line-height:13px;
		padding:2px 3px;
	}

	.featurebox, .featurebox:nth-child(4n+1), .featurebox:nth-child(4n+2), .half, .third {
		width:100%;
		margin-bottom:5px;
	}

	.seeit, .peek span {
		font-size:11px; line-height:13px;
	}

	.title_indent, #viewwork {
		font-size:15px; line-height:18px;
	}

	.featurename, .landingname {
		font-size:16px; line-height:20px;
	}

	.casestudy h3 a {
		width:19px;
		height:19px;
		font-size:17px;
		line-height:19px;
	}	

	#index.main .content h3 {
		margin:0px 0px;
	}

	#index h5, #enlighten h5, #believe h5 {
		margin-top:20px;
		position:relative;
		bottom:auto;
		left:auto;
		writing-mode:horizontal-tb;
		font-size:8px;
	}	

	.main .content p {
		font-size:12px;
		line-height:14px;
		margin-bottom:10px;
	}
	
	#index .content {
		margin:2% 0px 0px 33%;
		width:65%;
	}
	
	#enlighten .content {
		margin-top:8%;
	}
	
	#viewwork a {
		font-size:9px;
		line-height:16px;
	}
	
	.workindex {
		padding:10px 20px;
	}

	.background {
		padding:5px 25px;
	}

	.main {
		min-height: 240px;
	}
}

@media screen and (max-width: 414px) {
	#container, #main, #footer, #homemain {
		width:409px;	
	}
	
	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:389px;
	}
	
	.main {
		min-height:210px;
	}

	.featurename, .landingname {
		font-size:18px; line-height:20px;
	}

	#nav1 a {
		margin:4px 1px;
		font-size:8px;
	}

	#nav1 a, #worknav a, #item0 a, #item0 a.more {
		font-size:10px;
		line-height:11px;
		padding:1px 2px;
	}

	.main .content p {
		font-size:10px;
		line-height:11px;
		margin-bottom:5px;
	}
	
	#index .content {
		margin:5% 0px 0px 48%;
		width:50%;
	}
}

@media screen and (max-width: 390px) {
	#container, #main, #footer, #homemain {
		width:373px;	
	}

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:353px;
	}

	#logo {
		width:35%;
	}

	#logo .tagline {
		display:none;
	}

	#logo img {
		max-height:50px;
	}
	
	#nav1 {
		width:55%;
		max-height:35px;
	}

	.main .content p {
		font-size:9px;
		line-height:9px;
	}

	#imagine .content, #believe .content {
		margin-top:8%;
	}
	
	#imagine h3 {
		font-size:11px;
		line-height:12px;
	}
	
	#imagine {
		background-image:url(/pix/animations/imagine-mobile.jpg);
	}

	#enlighten {
		background-image:url(/pix/animations/enlighten-mobile.jpg);
		background-size:cover;
	}
}

@media screen and (max-width: 375px) {
	#container, #main, #footer, #homemain {
		width:370px;	
	}
	
	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:350px;
	}
}

@media screen and (max-width: 360px) {
	#container, #main, #footer, #homemain {
		width:355px;	
	}

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:325px;
	}
}

@media screen and (max-width: 320px) {
	#container, #main, #footer, #homemain {
		width:315px;	
	}

	.itemTitle, .workTitle, .workitemContent, .oneliner, .casestudy p {
		width:295px;
	}
}