		@media (min-width: 881px)
		{
			
			.block {margin: 0 3%;padding:30px 0;}
			.dark_line {border-top:1px solid #333;}
			.light_line {border-top:1px solid #aaa;}
			.people_images {margin:25px 40px 20px 0;}
			.style_intro {font-family:SuisseBook;font-size:35px;line-height:42px;}
			.style_title {font-family:SuisseBook;font-size:23px;line-height:32px;}
			.style_caption_header {font-family:SuisseRegular;font-size:19px;line-height:30px;}
			.style_content {font-family:SuisseLight;font-size:19px;line-height:32px;}
			.style_detail {font-family:SuisseLight;font-size:18px;line-height:28px;}
			.style_subdetail {font-family:SuisseLight;font-size:16px;line-height:25px;}
			.style_subtitle {font-family:SuisseRegular;font-size:16px;line-height:25px;}
			.style_caption_title {font-family:SuisseRegular;font-size:16px;line-height:18px;}
			.style_caption_subtitle {font-family:SuisseLight;font-size:14px;line-height:16px;color:#7f7f7f}
			
			.staff_popup_picture {width:30%}

			.ClosePosition {top:33vh;}
			.HomeViewLink {right:40px;}
			.HomeArrow {left:30px;}
			.HomeRightArrow {margin-right:-50px;right:5%;}
			.HeaderMargin {padding:160px 0 0 0;}
			.FeaturedHeight {height:80px;}
			.ListingBox {margin:110px 0 10px 0;}

			.DynamicWidthHP {width:24.50%;float:left;}
			.DynamicWidthHP2 {width:19.0%;float:left;}
			.DynamicWidthHPFeature1 {width:33%;float:left;}
			.DynamicWidthHPFeature2 {width:60.5%;float:left;}
			.DynamicWidthHPFeature3 {width:39.0%;float:left;}
			.DynamicWidthStaff {width:23.5%;float:left;}
			.DynamicWidth1 {width:31.8%;float:left;}
			.DynamicWidth1_Inline {width:31.3%;display:inline-block;}
			.DynamicWidthThird {width:32%;float:left;}
			.DynamicWidthTwoThird {width:66%;float:left;}
			.DynamicWidthHalf{width:50%;float:left;}
			.DynamicWidthSpacer2 {float:left;width:2%;}
			.DynamicWidthFooter {width:21%;float:left;}
			.DynamicWidthProject{width:49%;float:left;}
			.DynamicWidthProjectBlock{width:48.5%;display: inline-block;vertical-align: bottom;}
			.DynamicWidthSpacer2Block {display: inline-block;width:2%;}
			.MobileBlock {display:none !important;}


			.Desktop {display:block !important;}
			.Tablet {display:none !important;}
			.Desktop_Tablet {display:block !important;}
			.Desktop_Tablet_Inline {display:inline-block !important;}
			.Mobile {display:none !important;}
			
			.HomepageSpacing {margin-bottom:10px;}

			.MobilePadding {padding:0;}
			.MobileMargin {margin:0;}
			.MobileMarginFooter {margin:0;}
			.text_50 {width:50%;}
			.text_70 {width:70%;}
			.mobile_top_padding {padding-top:0px;}
			.align_right {text-align:right;}
			.homepage_scroll {bottom:50px;}
			.main_margin {margin:60px auto 0 auto;}
			.inner_margin {margin:160px auto 50px auto;}
			.projectimage_padding {padding:13px 0;}
			.projecttext_padding {padding:10px 15%;}
			.project_row {height:40px;line-height:40px;}
			.grid_width {width:31.3%;}
			.awards_mainimage {width:68.7%;margin-left:31.3%;}
			.index_projectyear {width:10%;}
			.index_projectname {width:25%;}
			.index_projectarrow {width:3%;}
			.index_projectimages {width:90%;}
			.staff_dm {width:90%}
			.Hide {display:none;}
			.MainImage {width:100vw;height:90vh;}
			.MainTitle {width:100%;margin:90vh auto 0 auto;}
			#MainNavigationFixed {min-height:300px;}
			.firmprofile_image {margin-top:25px;margin-bottom:15px;}
			.project_next_padding {padding:50px 0 0 0;}
			.project_name_padding {margin-bottom:40px;}

			.DynamicWidth11 {width:19%;float:left;}
			.DynamicWidth14 {width:16%;float:left;}
			.DynamicWidth25 {width:12%;float:left;}

			.DynamicWidthContact1 {width:19%;float:left;}
			.DynamicWidthContact2 {width:31%;float:left;}

			.DynamicWidthTitle1 {width:24.25%;float:left;}

			.DynamicWidthPress1 {width:25.50%;float:left;}
			.DynamicWidthPress2 {width:72.50%;float:left;}
			.DynamicWidthPress3 {width:72.50%;float:left;}

			.DynamicWidthAward1 {width:25.50%;float:left;}
			.DynamicWidthAward2 {width:44.50%;float:left;}	
			.DynamicWidthAward3 {width:27%;float:left;}	

			.DynamicWidthPeople1 {width:40%;float:left;}
			.DynamicWidthPeople2 {width:58%;float:left;}

			.PaddingNav {padding:3px 0 30px 0;}
		
		}
		
		
		@media (max-width: 880px)
		{
			html, body {overflow-x: hidden;}
			.noScrollMobile {overflow: hidden;}
			.block {margin: 0 3%;padding:30px 0;}
			.dark_line {border-top:1px solid #333;}
			.light_line {border-top:1px solid #aaa;}
			.people_images {margin:25px -3% 20px -3%;}
			.mobile_listing {font-size:16px;line-height:22px;}
			.style_intro {font-family:SuisseBook;font-size:23px;line-height:30px;}
			.style_title {font-family:SuisseBook;font-size:23px;line-height:28px;}
			.style_caption_header {font-family:SuisseRegular;font-size:19px;line-height:30px;}
			.style_content {font-family:SuisseLight;font-size:16px;line-height:26px;}
			.style_detail {font-family:SuisseLight;font-size:14px;line-height:28px;}
			.style_subdetail {font-family:SuisseLight;font-size:16px;line-height:25px;}
			.style_subtitle {font-family:SuisseRegular;font-size:16px;line-height:25px;}
			.style_caption_title {font-family:SuisseRegular;font-size:16px;line-height:18px;}
			.style_caption_subtitle {font-family:SuisseLight;font-size:14px;line-height:16px;color:#7f7f7f}
			
			.staff_popup_picture {width:90%;padding:0 5%;box-sizing:border-size}
			.index_projectyear {width:20%;margin:5px 0;padding-top:5px;}
			.index_projectname {width:70%;margin:5px 0;padding-top:5px;}
			.index_projectarrow {width:9%;margin:5px 0;padding-top:5px;}
			.project_row {height:53px;line-height:22px;}
			.projectimagescroll {max-width:340px;}
			.ClosePosition {top:20vh;}
			.HomeViewLink {right:15px;}
			.HomeArrow {left:10px;}
			.HomeRightArrow {right:3.5%;margin-right:-25px;}
			.HeaderMargin {padding:90px 0 0 0;}
			.FeaturedHeight {height:60px;}
			.ListingBox {margin:110px 0 10px 0;}
			.MainImage {width:100vw;height:80vh;}

			.DynamicWidthHP {width:100%;}
			.DynamicWidthHP2 {width:100%;}
			
			.DynamicWidthHPFeature1 {width:100%;}
			.DynamicWidthHPFeature2 {width:100%;}

			.DynamicWidthStaff {width:100%;}

			.DynamicWidthTitle1 {width:100%;}

			.DynamicWidthAward1 {width:24.25%;float:left;}
			.DynamicWidthAward2 {width:73.75%;float:left;}	

			.DynamicWidthPress1 {width:24.25%;float:left;}
			.DynamicWidthPress2 {width:100%;}
			.DynamicWidthPress3 {width:73.75%;float:left;}

			.DynamicWidthPeople1 {width:100%;}
			.DynamicWidthPeople1 {width:100%;}

			.DynamicWidth1 {width:100%;}
			.DynamicWidth1_Inline {width:100%;display:inline-block;}
			.DynamicWidthThird {width:100%}
			.DynamicWidthTwoThird {width:100%}
			.DynamicWidthHalf{width:100%;}
			.DynamicWidthSpacer2 {display:none;}
			.DynamicWidthProject{width:100%;}

			.Desktop {display:none !important;}
			.Desktop_Tablet {display:none !important;}

			.HomepageSpacing {margin-bottom:23%;}
			.MobileBlock {display:inline-block !important;}
			.MobileNav {height:100%;}
			.MobileSpacing20 {margin-top:20px}
			.MobileSpacing40 {margin-top:40px}
			.MobileSpacing60 {margin-top:60px}
			.MobilePadding {padding-top:10px;}
			.MobileProjectPadding {padding:20px 0;}
			.MobileIntro {padding-top:10px !important;font-size:26px !important;}

			.project_image_main {min-height:40vh}
		}

		@font-face
		{
			font-family: SuisseLight;
			src: url('/templates/SuisseIntl-Light.ttf')
		}
		@font-face
		{
			font-family: SuisseRegular;
			src: url('/templates/SuisseIntl-Regular.ttf')
		}
		@font-face
		{
			font-family: SuisseBold;
			src: url('/templates/SuisseIntl-Bold.ttf')
		}
		@font-face
		{
			font-family: SuisseBook;
			src: url('/templates/SuisseIntl-Book.ttf')
		}

		@keyframes fadeInFromNone {
		    0% {
		        display: none;
		        opacity: 1;
		    }
		
		    50% {
		        display: block;
		        opacity: 0.9;
		    }
		
		    100% {
		        display: block;
		        opacity: 0.85;
		    }
		}

		html {width:100%;height:100%;margin:0;padding:0;overflow-x: hidden;}	


		.noScroll {overflow: hidden;}

				/* Slideshow container */
		.slideshow-container {
		  
		  position: relative;
		  margin: auto;
		}
		
		/* Hide the images by default */
		.mySlides {
		  display: none;
		}
		
		/* Next & previous buttons */
		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  top: 50%;
		  width: auto;
		  margin-top: -22px;
		  padding: 16px;
		  color: white;
		  font-weight: bold;
		  font-size: 18px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		  user-select: none;
		}
		
		/* Position the "next button" to the right */
		.next {
		  right: 0;
		  border-radius: 3px 0 0 3px;
		}
	
		.prev {
		  left: 0;
		  border-radius: 3px 0 0 3px;
		}
				
		/* Caption text */
		.text {
		  color: #f2f2f2;
		  font-size: 15px;
		  padding: 8px 12px;
		  position: absolute;
		  bottom: 8px;
		  width: 100%;
		  text-align: center;
		}
		
		/* Number text (1/3 etc) */
		.numbertext {
		  color: #f2f2f2;
		  font-size: 12px;
		  padding: 8px 12px;
		  position: absolute;
		  top: 0;
		}
		
		/* The dots/bullets/indicators */
		.dot {
		  cursor: pointer;
		  height: 12px;
		  width: 12px;
		  margin: 0 2px;
		  background-color: #fff;
		  border: 1px solid #221f20;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}
		
		.active, .dot:hover {
		  background-color: #221f20;
		}
		
		/* Fading animation */
		.fade {
		  -webkit-animation-name: fade;
		  -webkit-animation-duration: 1.5s;
		  animation-name: fade;
		  animation-duration: 1.5s;
		}
			 

		@-webkit-keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}
		
		@keyframes fade {
		  from {opacity: .4}
		  to {opacity: 1}
		}

		@-webkit-keyframes w-to-b {
		from {background-color: white;}
		to {background-color: black;}
		}

		@keyframes w-to-b {
		from {background-color: white;}
		to {background-color: black;}
		}


		.noselect {outline: none; -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;}

		.whiteout {opacity:0.04;color:#ddd;}
		.scrolltop {background-color:#fff;transition: background-color 0.6s ease;}
		.scrolltop:hover {background-color:#000;}
			
		.hoverlink {background-color:#fff;cursor:pointer;color:#000;transition: background-color 0.6s ease;}
		.hoverlink:hover {background-color:#000;color:#fff;cursor:pointer;}

		.hoverlink:hover .blackarrow {display:none;}
		.hoverlink:hover .whitearrow {display:block;}
		.hoverlink .whitearrow {display:none;}
		.hoverlink .blackarrow {display:block;}

		.hoverlinkpeople {background-color:#fff;cursor:pointer;color:#808080;}
		.hoverlinkpeople:hover {background-color:#000;cursor:pointer;color:#fff !important;}
		
		.hoverlink_selected {color:#000;text-decoration:underline;}

		.footer_hoverlink {background-color:#fff;cursor:pointer;color:#7f7f7f;transition: background-color 0.6s ease;}
		.footer_hoverlink:hover {background-color:#000;color:#fff;cursor:pointer;}

		.projectnext:hover .projectnextbox .projectname{text-decoration:underline;}

		.pointer {cursor: pointer !important;}
		.design_link {text-decoration:none;background-color:#fff;color:#000;font-style:none;}
		.design_link:hover {background-color:#000;color:#fff;}
		.clearfix {clear: both;}
		.clearfix:after {clear: both; content: "";display: table;}

		.index_open {color:#fff;text-decoration:none;}
		.index_open:hover {color:#fff;text-decoration:underline;}
		.index_close {color:#333;text-decoration:none;}
		.index_close:hover {color:#333;text-decoration:underline;}

		.featurebox:hover .style_caption_title {text-decoration:underline;}

		.hoverunderline:hover {text-decoration:underline;}
	
		.footeremail_link {text-decoration:none;color:#333;}
		.footeremail_link:hover {text-decoration:underline;color:#333;}		

		.inverted {background-color: rgba(35, 35, 35, 0.9) !important}
		.inverted div {filter: invert(100%);}
		
		.navigation_link {font-family: SuisseIntl55;color:#333;text-decoration:none;font-size:14px;}
		.navigation_link:hover {font-family: SuisseIntl55;color:#333;font-size:14px;text-decoration:underline;}
		
		.subnavigation_link {color:#333;text-decoration:none;font-size:18px;line-height:28px;font-family:SuisseLight}
		.subnavigation_link:hover {color:#333;text-decoration:underline;font-size:18px;line-height:28px;font-family:SuisseLight}

		.subnavigation_text {color:#333;text-decoration:none;font-size:13px;}
		.subnavigation_text:hover {color:#333;text-decoration:underline;font-size:14px;}

		.listing_item {text-decoration:none;color:#545453;}
		.listing_item:hover {text-decoration:underline;color:#545453;}
		.listing_item:hover img {opacity:0.6}

		.featured_item {text-decoration:none;color:#545453;font-size:16px;SuisseIntl45;}
		.featured_item:hover {text-decoration:none;font-size:16px;SuisseIntl45;color:#000;}

		.FeaturedProjectTitle {display:none;}
		.featurebox:hover .FeaturedProjectTitle {display:inline;}
				
		.featured_item_hover {display:none;height:80px;font-size:16px;SuisseIntl45;line-height:18px;}
 		.featured_description {color:#aaa !important;font-size:14px;}

 		.featured_item_nohover {text-decoration:none;color:#545453;font-size:16px;SuisseIntl45;line-height:18px;}
  
		.image_container img {width:100%}

		.index_item {text-decoration:none;}
		
		.home_link {text-decoration:none;}
		.home_link:hover {text-decoration:underline}

		.project_row:hover .index_item {text-decoration:underline;}

		.index_project_page {font-family:SuisseLight;color:#333;font-size:18px;}
		.index_project_nopage {font-family:SuisseLight;color:#7f7f7f;font-size:18px;}
		
		.intro_text {font-family:SuisseIntlBook;font-size:42px;color:#000;line-height:50px;}
		.image_title {font-size:16px;font-family:SuisseIntl45;margin-top:5px;}
		.section_title {font-size:16px;font-family:SuisseIntl55;color:#000;}

		.staff_picture:hover > div > .staff_name {text-decoration:underline !important;}

		.project_title {font-size:18px;font-family:SuisseIntl55;}
		.project_description {font-size:20px;font-family:SuisseIntl45;}

		
		.press_row:hover .index_project_page {font-family:SuisseRegular;}
		.award_row:hover .index_project_page {font-family:SuisseRegular;}
		.rotate {-moz-transform: rotate(-90.0deg);  -o-transform: rotate(-90.0deg);  -webkit-transform: rotate(-90.0deg);}
		.asc {-moz-transform: rotate(0.0deg);  -o-transform: rotate(0.0deg);  -webkit-transform: rotate(0.0deg);}
		.desc {-moz-transform: rotate(180.0deg);  -o-transform: rotate(180.0deg);  -webkit-transform: rotate(180.0deg);}
		.ActiveSort {color: rgba(0,0,0,1) !important;text-decoration:none;}
		.ActiveSort:hover {text-decoration:underline;}
		.NonActiveSort {color: rgba(0,0,0,0.7) !important;text-decoration:none;}
		.NonActiveSort:hover {text-decoration:underline;}
		.ArrowDisplay {display:none !important;}
		.ArrowHover:hover .ArrowDisplay {display:block;}


/*
.DynamicWidth2 {width:66%;}
			.DynamicWidth3 {width:66%;float:left;}
			.DynamicWidth4 {width:34%;float:left;}
			.PaddingWidth4 {padding-left:36%;}
			.DynamicWidth5 {width:28%;float:left;}
			.DynamicWidth6 {width:26%;float:left;}
			.DynamicWidth7 {width:32%;float:left;}
			.DynamicWidth8 {width:22%;float:left;}
			.DynamicWidth9 {width:50%;float:left;}
			.DynamicWidth10 {width:24%;float:left;}
			
			
			.DynamicWidth12 {width:44%;float:left;}
			.DynamicWidth13 {width:70%;float:left;}
			
			.DynamicWidth15 {width:30%;float:left;}
			.DynamicWidth16 {width:65%;float:left;}
			.DynamicWidth17 {width:40%;float:left;}
			.DynamicWidth18 {width:21%;float:left;}
			.DynamicWidth19 {width:9%;float:left;}
			.DynamicWidth20 {width:59%;float:left;}
			.DynamicWidth21 {width:44.7%;float:left;}
			.DynamicWidth21_project {width:41.7%;float:left;line-height:40px;}
			.DynamicWidth22 {width:15%;float:left;}
			.DynamicWidth23 {width:9%;float:left;}
			.DynamicWidth24 {width:63%;float:left;}
			
			.DynamicWidth26 {width:44.7%;float:left;}
			.DynamicWidth27 {width:44%;float:left;}
			.DynamicWidth28 {width:25%;float:left;}
			.DynamicWidth100 {width:31%;display:inline-block;}
			.DynamicWidthFooter {width:31.3%;float:left;}
			.DynamicMargin1 {margin-left:31.3%}
			.MobileAlignRight {position:absolute;top:0;left:0;}
			.NavigationFont {font-size:15px;}
*/
