/* CSS Document */
@media (min-width:720px) and (max-width:1016px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	section {
		min-height: 0;	
	}
	
	.tile {
		margin: 2px;	
	}
	
	.bigTile {
		width: 472px;	
	}
	
	.bigTile h2 {
		font-size: 28pt;	
	}
	
	#peopleHeader h2 {
		font-size: 32pt;
		line-height: auto;
	}
	#peopleHeader p {
		/*font-size: 24pt;
		margin-bottom: 30px;	*/
	}
	#peopleHeader p br {
		display: none;	
	}
	
	#peopleJohnText {
		padding: 0px 10px;
		width: 50%;
	}
	
	#peopleJohnText p {
		font-size: 10pt;	
	}
	
	#peopleJohnImage {
		width: 50%;
		padding-right: 10px;
	}
	.orangeBig {
	font-size: 12pt;
	}
	
	#peopleTeamlink {
		right: calc(50% - 150px);
		bottom: -75px;
	}
	
	.quote br {
		display: none;	
	}
	
	
	#case-studies h2 {
		font-size: 28pt;	
	}
	
	
	#abContentBox {
		height: 591px;	
	}
	
	#abContentColorFix {
		height: 491px;	
	}
	
	
	
	.abText {
		height: 367px;
		font-size: 12pt;
		line-height: 19pt;	
	}
	
	#abContent1 img.alignLeft {
		left: 40px;	
	}
	
	#abContent1 img.alignRight {
		right: 40px;	
	}
	
	#abContent1 p,
	#abContent3 p
	 {
		font-size: 10.5pt;	
		line-height: 17pt;		
	}
	
	#abContent2 h2{
		font-size: 20pt;
		margin-left: 20px;	
		margin-right: 20px;		
	}
	
	#abContent2 li:nth-child(odd) {
		margin-left: 30px;
	}
	
	/*#abContent3 p img {
		width:	20%;	
	}*/
	
	
	.aboutBtn { 
		font-size: 10pt;
	}
	
	#contact h3 {
		font-size: 20pt;	
	}
	
	.contactCol33 a:not(.dir) {
		padding-left: 0;
		display: block;
		clear: left;	
	}
	
	.colWrapper a img {
		width: 50%;	
	}
	
	
	.teamMember:nth-child(4n-1) .teamBio, 
	.teamMember:nth-child(4n-3) .teamBio,
	.teamMember:nth-child(4n-1) .teamQuote, 
	.teamMember:nth-child(4n-3) .teamQuote {
		left: 250px;
		text-align: left;
	}
	
	.teamMember:nth-child(4n-1) .teamPhoto, 
	.teamMember:nth-child(4n-3) .teamPhoto {
		left: 0;
		right: none;
	}
	
	.teamMember:nth-child(4n-1) h3, 
	.teamMember:nth-child(4n-3) h3 {
		text-align: left;
		background: url(../images/site/team_arrow.png) no-repeat left 15px;
		padding: 12px 5px 5px 14px;
	
	}
	
	
	.teamMember:nth-child(4n) .teamBio, 
	.teamMember:nth-child(4n-2) .teamBio,
	.teamMember:nth-child(4n) .teamQuote, 
	.teamMember:nth-child(4n-2) .teamQuote {
		left: 0;
		text-align: right;
	}
	
	.teamMember:nth-child(4n) .teamPhoto, 
	.teamMember:nth-child(4n-2) .teamPhoto {
		left: 250px;
	}
	.teamMember:nth-child(4n) h3, 
	.teamMember:nth-child(4n-2) h3 {
		text-align: right;
		padding: 12px 14px 5px 5px;
		background: url(../images/site/team_arrow2.png) no-repeat right 15px;
	}
	
	.tileTitle,
	.pfTitle {
		opacity: 1;	
	}
	
	.teamMember:nth-child(4n) .teamBio.long p, 
	.teamMember:nth-child(4n-2) .teamBio.long p {
		padding: 0 14px 0 8px;
	}
	
	
	
	/*#workGridButton a{
		position: static;
		float: right;
		margin-top: 25px;
	}*/
	
	.no-touch #workGridButton a:hover {
		width: 51px;	
	}
	
	#workThumbs {
		/*width: 100%;	*/
	}
	
	.vimeo-wrapper {
		width: 100%;
	}
	
	.vimeo-wrapper iframe {
		width: 100%;	
	}
	
	.workCaseVerticalWrapperImg {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		background: black;
		height: 576px;
	}

	#abContent3 h2 {
		letter-spacing:	-0.02em;
		margin: 0 40px;
		margin-top: 11px;
	}


}


@media (min-width:1017px) and (max-width: 1168px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 

	
	#hpLegal {
		padding-left: 30px;	
	}
	
	.no-touch #workGridButton a:hover {
		width: 51px;	
	}
	
	.tileTitle,
	.pfTitle {
		opacity: 1;	
	}

}