/* CSS Document */
@media (max-width:720px) {
	
	/* GENERAL */
	#prev, #next,
	.noPhone {
		display: none;	
	}
	
	section {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		min-height: 0;
		
	}
	.navbar-brand {
		max-width: 240px;
		margin-top: 15px;
		margin-left: 10px;	
	}
	
	.navbar-toggle {
		margin-top: 23px;	
	}
	
	.navbar-brand img {
		width: 100%;
		height: auto;
	}
	
	/* HOME */
	
	.tile {
        width: 159px;
		margin: 0;
		height: 103px;
	}
	
	.bigTile {
		width: 100%;
		height: 206px;
		padding-bottom: 20px;			
	}
	
	.bigTile h2 {
		font-size: 20pt;	
	}
    
    #subtile2 h2 {
        font-size: 17pt; 
        line-height: 35px;
    }
	
	#hpFilters {
		display: none;
	}	
	
	.tileTitle {
		opacity: 0;	
	}
	
	#hpLegal {
		/*padding: 0 10px;*/
		text-align: center;	
	}
	#hpLegal img {
	max-width: calc(100% - 10px);	
	}
	
	/* PEOPLE */
	#peopleHeader {
		margin-bottom: 40px;	
	}
	
	#peopleHeader h2 {
		font-size: 18pt;
		line-height: 20pt;	
	}
	
	#peopleHeader h2 br,
	#peopleHeader p br {
		display: none;	
	}
	
	#peopleHeader p {
		/*font-size: 16pt;
		margin-bottom: 20px;	*/
	}
	
	#peopleJohnText {
		padding: 10px;
		font-size: 10pt;
	}
	
	#peopleJohnText, 
	#peopleJohnImage {
		width: 100%;
	}
	
	#peopleJohnImage {
		padding-right: 0;	
	}
	
	.orangeBig {
	font-size: 11pt;
	}
	
	#peopleTeamlink {
		right: calc(50% - 150px);
		bottom: -75px;
	}
	
	#peopleQuote br {
		display: none;	
	}
	
	#peopleClosing {
		font-size: 11pt;	
	}
	
	.pqNext, .pqPrev {
		display: none;	
	}
	
	.quote {
		font-size: 10pt;	
	}
	
	/* CASE STUDIES */
	
	#case-studies h2 {
		font-size: 20pt;	
	}
	
	#csScroll {
		top: 111px;
	}
	
	
	.csWork p {
		font-size: 10pt;
		padding: 0 5px;	
	}
	
	.csWork p br {
		display: none;	
	}
	
	.prev, .next {
		opacity: 0;	
	}
	
	#case-studies .flexslider {
		padding: 0;	
	}
	
	#case-studies .flex-control-thumbs li {
		margin: 2px;
		/*width: 76px;
		height: 59px;	*/
	}
	
	.case {
		width: 100%;
			
	}
	
	.csClip {
		display: none;		
	}
	.csLogo {
		margin-left: 5px;	
	}
	
	.csLogo img {
		width: 110px;
		height: 85px;
	}
	
	.csText {
		height: 85px;
		display: table;
		width: calc(100% - 115px);
	
	}
	
	.csText p {
		font-size: 14pt;	
	}
	
	
	/* ABOUT */
	
	#about br {
		display: none;	
	}
	
	#about h2 {
		font-size: 14pt;	
	}
	
	#about p {
		font-size: 10pt;
		line-height: 12pt;	
		margin: 0 0 10px;
		padding: 0 5px;
	}
	
	#abContentBox {
		height: 521px;	
	}
	
	#abContentColorFix {
		height: 421px;	
	}
	
	.abContentContainer {
		height: 421px;	
	}
	
	.abHeader h2 {
		border-bottom: 4px solid rgb(241,90,41);
		margin: 0 10px;
		line-height: 55px	
	}
	
	#abContent1 h2 {
	/*	width: 50%;	
		line-height: 45px;
	*/	
	}
	
	#abContent1 img.alignRight {
		top: 110px;
		right: 10px;	
		width: 50px;		
	}
	#abContent1 img.alignLeft {
		top: 110px;
		left: 10px;	
		width: 50px;
	}
	
	.abText {
		height: 297px;
		top: 180px;	
	}
	
	
	#abContent2 h2 {
		line-height: 27px;	
		width: calc(100% - 60px);
		margin: 0 30px;
	}
	
	#abContent2 li {
		width: calc(100% - 60px);
		margin: 5px 15px;
		font-size: 14pt;
		/*text-align: center;*/
		height: 30px;
		line-height: 30px;
	}
	
	#abContent2 li img {
		width: 43px;
		height: 30px;
	}
	
	#abContent2 li:nth-child(odd) {
		margin-left: 30px;
	}
	#abContent2 li:nth-child(even) {
		margin-left: 30px;
	}
	
	#abContent3 h2 {
		letter-spacing:	-0.05em;
	}
	
	/*#abContent3 p {
		margin: 0;	
		padding: 0;
	}
	
	#abContent3 p img {
		width:	25%;
		min-width: 100px;	
	}*/
	
	#ab4flag {
		top: 136px;
		left: calc(50% - 25px);	
		
	}
	
	#ab4flag img {
		width: 50px;	
	}
	
	.aboutBtn {
		width: 100%;
		font-size: 12pt;		
		text-align: center;
		border: none;
		border-top: 1px solid white;
	
	}
	
	
	.aboutBtn a {
				line-height: 30px;
		height: 30px;	

		

	}
	
	
	
	
	/* CONTACT */
	#contact h2 {
		font-size: 20pt;	
	}
	
	.contactCol33 {
		width: 100%;
		clear: both;	
		min-height: 0;
	}
	
	#contact h3 {
		font-size: 18pt;	
	}
	
	.colWrapper a img {
		width: 50%;	
	}
	
	#contact {
		margin-bottom: 0;	
	}
	
	
	/* WORK */
	#portfolio h2 {
		font-size: 28pt;	
	}
	.pfTitle {
		opacity: 0;	
		display: none;
	}
	
	
	.pfEntry {
		margin: 0;
		width: 160px;
		height: 102px;
		line-height: 102px;
		overflow: hidden;
	}
	
	.pfEntry img {
		width: 100%;
	}
	
	.tall {
		height: 153px;
		line-height: 158px;
	}
	
	/* LANDING PAGE */
	
	#workPage .flexslider {
		margin-left: 0;
		margin-right: 0;	
	}
	
	#workContent {
		margin-left: 0;
		margin-right: 0;	
	}
	
	#workContentHL {
		padding: 0 5px;	
		float: left;
		width: 100%;
	}
	
	#workContentHL h2 {
		line-height: 24px;
		margin-bottom: 6px;	
	}
	
	#workThumbs {
		max-width: 100%;
		width: 100%;
		position: relative;
		padding-bottom: 70px;
	}
	
	.caseLink {
		margin-left: 5px;	
	}
	
	#caseStudyButton {
		position: relative;
		z-index: 5;
	}
	
	#workPage .flex-control-thumbs li {
		margin: 6px;	
	}
	
	#workGridButton {
		z-index: 100000;
		position: fixed;
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		text-align: center;	
		background-color: #f1f1f0;	
	}
	#workGridButton a {
		z-index: 100000;		
		width: 51px;
		position: static;
		bottom: 0;	
		margin: 0;
		margin: 0 auto;
	}
	.no-touch #workGridButton a:hover,
	#workGridButton a:hover {
		width: 51px;
		z-index: 100000;		
	}
	
	
	/* TEAM */
	
	#morepeople h2 {
		font-size: 28pt;	
	}
	
	.teamMember {
		width: 100%;	
	}
	
	.teamPhoto {
		width: 25%;	
		background: rgb(241,90,41);
		background: white;
	}
	.teamPhoto img {
		width: 100%;	
	}
	.teamQuote,
	.teamBio {
		width: 75%;
	}
	.teamMember:nth-child(n) .teamBio,
	.teamMember:nth-child(n) .teamQuote {
		left: 25%;	
		text-align: left;
	}
	
	.teamMember:nth-child(n) .teamPhoto {
		left: 0;	
	}
	
	.teamMember:nth-child(n) h3 {
		text-align: left;
		background: url("http://industri.mediascape.com/wip/css/../images/team_arrow.png") no-repeat left 15px;
		padding: 12px 5px 5px 14px;
	}
	
	
	#legal {
		padding-left: 30px;
		padding-right: 30px;	
	}
	
	/* LIGHTBOX */
	.lbRight {
		width:auto;	
	}
	
	.fancybox-title:after {
		content: "";
		clear:both;
		display: table;
	}	
	
	.fancybox-prev {
		left: -45px;
	}
	
	.fancybox-next {
		right: -45px;
	}

}