/************************************************************************************
*************************************************************************************

RESPONSIVE STYLESHEET

/************************************************************************************
************************************************************************************/







@media only screen and (max-width: 1400px) {

	/* BIO 
	.about .bio {
	width: calc(65% - 140px);
	}*/

}/*** MEDIA ----   MAX-WIDTH: 1400px ******/





@media only screen and (max-width: 1380px) {


/* ---------- Home Navigation -----*/

nav.main-nav .navigation {
	width: calc((100% - -16vw) * .65);
}





.single-work-information .overview{
	width: 40%!important;
}

}/*** MEDIA ----   MAX-WIDTH: 1300px ******/




@media only screen and (max-width: 1200px) {

	/* BIO */
	.about .bio ul:nth-child(3) {
    margin-right: 0px;
	}

.details, .overview {
	max-width: 450px;
}


}/*** MEDIA ----   MAX-WIDTH: 1200px ******/










@media only screen  and (max-width: 1200px) {
	
	/* BIO */
	.about .bio ul:nth-child(3) {
	margin-right: 60px;
	}
	
	h1.archive-order {
		width: 38px;
	}
	
	h1.client {
		width: 250px;
	}
	
	.archive-project h1.client {
	font-size: 32px;

	}

}/*** MEDIA ----    MIN-WIDTH: 1200p   &   MAX-WIDTH: 1200px ******/











@media only screen and (max-width: 1150px) {
	
	/* HOME -- HERO -- DESCRIPTION */
	.description {
	padding-right: 60px;
	}
    
    
    /* Gallery */
    .gallery .project.full_width .project-thumbnail  {
    min-height: 65vh;
    }

}/*** MEDIA ----   MAX-WIDTH: 1150px ******/








@media only screen and (max-width: 1100px) {
	
	/* NAVIGATION 
	.navigation {
    left: 160px;
    }
    */
    
    
    /* HOME -- HERO */
	.hero .container .flex-container {
   /* width: calc(100% - 12vw);*/
	}
	
	.description {
    padding-right: 60px;
    }
	
	.pagination {
    left: calc(20% - 8vw);
    }
    
    
    	
	
	/* GALLERY  -- ALL WORKS */
	.gallery {
	margin-top: 120px;
	}
	
	.gallery .project {
	margin: 30px 0px;
	}
	
	.gallery .project  {
	-webkit-transform: translate3d(0,12vw,0);
	transform: translate3d(0,12vw,0); 
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.gallery .project.visible {
	-webkit-transform: translate3d(0,0vw,0);
	transform: translate3d(0,0vw,0); 
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.gallery .project:nth-of-type(2n)  {
	-webkit-transform: translate3d(0,25vw,0);
	transform: translate3d(0,25vw,0); 
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.gallery .project:nth-of-type(2n).visible  {
	-webkit-transform: translate3d(0,10vw,0);
	transform: translate3d(0,10vw,0);
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
		
	/*** CASE Study Layout 
	#case-study {
	padding-bottom: 160px!important;
	}
	*/ 


}/*** MEDIA ----   MAX-WIDTH: 1100px ******/

















@media only screen and (max-width: 1000px) {
	
	
	
	
	
	
	/* ---------- Home Slider -----*/
	.main {
		width: 70vw;
		margin-left: calc(30% - 220px);
	}
	
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
	.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	
	

	.details .overview, .details {
		max-width: 450px;
	}
	.small {
		height: 350px !important;
	}
	
	
	
	
	
	
	
	/* GALLERY  -- ALL WORKS */
	.gallery .container {
	padding: 0px 60px;
	}
	
	.gallery .project {
	margin: 0px 0px;
	}
	
	.gallery .project  {
	-webkit-transform: translate3d(0,8vw,0);
	transform: translate3d(0,8vw,0); 
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.gallery .project.visible  {
	-webkit-transform: translate3d(0,0vw,0);
	transform: translate3d(0,0vw,0); 
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.gallery .project:nth-of-type(2n)  {
	-webkit-transform: translate3d(0,20vw,0);
	transform: translate3d(0,20vw,0); 
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.gallery .project:nth-of-type(2n).visible  {
	-webkit-transform: translate3d(0,10vw,0);
	transform: translate3d(0,10vw,0);
	transition: transform 1.5s ease-in-out;
	-webkit-transition: transform 1.5s ease-in-out;
	}
	
	.project:nth-child(even) {
	padding-top: 30px;
	padding-left: 15px;
	}
	
	.project:nth-child(odd) {
	padding-top: 30px;
	padding-right: 15px;
	}
	
	.gallery .project.full_width .project-thumbnail {
	width: calc(100% - 45px);
	min-height: 65vh;
	
	}
	
	.gallery .project .thumbnail {
	width: 100%;
	}
	
	
	
	
	
	
	/* CASE STUDY */ 
	/*#case-study {
	padding-bottom: 120px;
	}
	
	.image-block.one_column {
	height: 450px;
	}
	
	.two_col_video_block {
	width: calc(50% - 15px);
	}
	
	.image-block.two_columns {
	height: 500px;
	width: calc(50% - 15px);
	}*/
	
	
	
	
	/* HORIZONTAL SLIDER */
	.hslide div {
	min-width: 300px;
	height: 50vh;
	width: 30vw;
	}
	
	.hslide h6 {
	font-size: 12px;
	}
	
	
	

}/*** MEDIA ----   MAX-WIDTH: 1000px ******/


















@media only screen and (max-width: 960px) {
	
	
	/**********   Navigation   ************/
	.global-tagline {
		display: none;
	}
	
	
	
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
	.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	
	
	/* NAVIGATION 
	.navigation {
    left: 120px;
    width: calc(80% - 60px);
    }
    
    */
	
	
	/* Single work h2 --- Remove type styles
	.single-work-information h2 {
	font-size: 18vw;
	line-height: 16.5vw;
}
*/

	.about .flex-container {
		
		padding-top: 55px!important;
	}
 nav.main-nav .navigation {
	 width: calc((100% - 12vw)* .65);
	 
 }
	.nav-items ul li, nav .name h1 a, nav .name h1 span, .nav-info h1 {
		font-size: 18px;
	}
	
	.archive-project {
		padding: 20px 0px;
	}
	.archive .project-description {
		width: 50%;
		padding-left: 10px;
	}
	
	.archive .container {
		margin-left: 0;
		padding: 0px 0px;
	}
	.archive .container .flex-element{
	align-items: start;
}
	.archive .project-description h1.client  {
				font-size: 24px;
		
	}
	
	
	
	.archive .project-description ul {
		display: block;
		width: 100%;
	}
	.archive .project-description ul li {
		font-size: 10px;
		line-height: 12px;
	}
	
.archive .archive-order, .year, .archive .project-description ul.industry:nth-child(2) {
		display: none;
	}
	
	.archive-project h1 {
		padding-left: 0px;
	}
	
	.focused-project {
		width: 50%;
	height: 150px;
}
	
	
    
    
    /* HOME -- HERO SLIDESHOW */
    .visual {
    height: 60vh!important;
    }
	
	.description {
    padding-right: 60px;
    }
	
	.pagination {
    left: 12vw;
    }
    
    
    
    
    
    /* HOME --- OPEN ABOUT */
    .about .portrait {
    height: 100%;
    margin-top: auto!important;
    margin-bottom: auto!important;
	}

      
    
        
    /* Gallery -- ALL WORKS */
    .gallery .project.full_width .project-thumbnail {
    min-height: 60vh;
    }
    
        
        
        
        
	/* CASE STUDY  
	.single-work-information .container {
    padding-left: 120px;
    padding-right: 120px;
	}
    */ 
    

}/*** MEDIA ----   MAX-WIDTH: 960px ******/

















@media only screen and (max-width: 900px) {
	
	
	
	
	/* ---------- Home Slider -----*/
	.main {
		width: 70vw;
		margin-left: calc(30% - 120px);
	}
	
	.thumb.is-active .thumbnail-title {
		display: none!important;
	}
	.rail {
	width: 120px;
	}
	
	
	
	
	
	
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	
	

	
	
	/* HOME --- OPEN ABOUT */
	
	   body.menu-open h1 {
    color: #e2ddd1;
	}
      
	
	
	.about .flex-container {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	}
	
	.about {
	position: fixed;
	bottom: unset!important;
	left: 0;
	right: 0;
	overflow: scroll!important;
	-webkit-overflow-scrolling: touch!important;
	top: 0;
	height: 100%;
	z-index: 9999;
	}
	
	.about .portrait {
    width: 131px;
    height: 174px;
    position: relative;
    /* border-radius: 50px; */
    overflow: hidden;
    margin-left: 120px;
    margin-top: 220px!important;
    margin-right: auto;
    /* margin-bottom: 60px!important; */
    /* border: solid #f6f2ec 1px; */
    /* padding: 20px; */
}
	
.about .portrait span {
    /* margin-top: 5px; */
    /* margin-left: 5px; */
    margin-bottom: 5px;
    height: 100%!important;
    width: 100%!important;
    /* border-radius: 50px; */
}
	
	.about .bio {
	width: 100%;
	padding: 0px 120px;
	padding-right: 90px;
	display: block;
	position: relative;
	height: 100%;
	margin-top: -175px;
	}
	
	.about .bio p {
	width: calc(100% - 160px);
	margin-right: 0;
	margin-left: auto;
	}
	
	.about .bio ul:nth-child(3) {
	margin-right: 60px;
	}
	
	
	
	
	
	
	
	
	
	/* Gallery -- ALL WORKS */
	.project:nth-child(even) {
	width: calc(100% - 120px)!important;
	margin-right: 0;
	margin-left: 120px;
	}
	
	.project:nth-child(odd) {
	width: calc(100% - 120px)!important;
	margin-left: 0;
	}
	
	.gallery .project {
	-webkit-transform: translate3d(0,0vw,0)!important;
	transform: translate3d(0,0vw,0)!important;
	}
	
	
	

	

	
	
	/* CASE STUDY */
	.single-work-information ul {
	margin-bottom: 15px;
	}
	
	.single-work-information h2 {
	margin-bottom: 15px;
	}
	
	
	
	
	
	
	/*.call-to-action {
	margin-top: 120px;
	padding-left: 60px;
	}
	
	.project-cta:nth-child(1) {
	display: none;
	}
	
	.project-cta:nth-child(2):hover .cta-project-information {
	position: relative;
	left: 0;
	opacity: 0;
	}
	
	.project-cta:nth-child(2) {
	width: 100%;
	}
	*/


}/*** MEDIA ----   MAX-WIDTH: 900px ******/






















@media only screen and (max-width: 850px) {
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
	.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	
	
	
	
	
	
	
	/* NAVIGATION */
	nav.main-nav .navigation {
   /* width: auto; /* THE MATH: (0.8 x 0.65) = 0.52
	min-width: 135px;*/
	}
	
	
	/* HOME --- HERO -- SLIDESHOW --- B.C */
	.pagination {
padding-left: 0px;
	padding-right: 0px;

	}
	
	.visual {
	width: 100%;
	height: 45vh!important;
	}
	
	.displayed-project {
	margin-bottom: 0px;
	}
	
	.displayed-project h2 em {
	display: none;
	}
	
	.description {
	display: block;
	width: 100%;
	margin-bottom: 60px;
	}
	
	.description p {
	margin: 25px 0;
	}
	
	
	
	
	
	
	
	
	
	/* OPEN MENU --- B.C */
	.about .bio ul, .about .bio ul:nth-child(3) {
	margin-right: 30px;
	}
	
	
	
	
	
	/* GALLERY --- ALL WORKS --  B.C */
	.project {
	margin-bottom: 120px!important;
	}
	
	.project:nth-child(odd), .project:nth-child(even) {
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	}
	
	.gallery .project.full_width .project-thumbnail {
	width: calc(100%);
	}
	
	.gallery .project.full_width .project-description {
	margin-top: 15px;
	-webkit-writing-mode: unset; 
	-ms-writing-mode: unset;
	writing-mode: unset; 
	text-orientation: normal; 
	-webkit-transform: rotate(0deg); 
	transform: rotate(0deg);
	display: block;
	}
	
	.gallery .project.full_width .project-description div {
	position: relative;
	padding: 0px 0px;
	text-align: right;
	}
	
	.gallery .project.full_width .project-description h2 {
	font-size: 16px;
	line-height: 16px;
	}
	
	.gallery .project.full_width .project-thumbnail {
	height: 60vh!important;
	min-height: 600px;
	}
	
	
	
	
	
	
	
	
	
	
	
	/*** CASE Study Layout --- B.C  */ 
	/*.single-work-information .container {
	padding-right: 90px;
	}*/
	
	.mobile-container.two_devices:before{
	font-size: 15.25vw;
	}
	
	.browser-elements {
	top: 3px;
	}
	
	.web-frame {
	border-top: 20px solid white;
	}
	
	
	

}/*** MEDIA ----   MAX-WIDTH: 850px ******/


































@media only screen and (max-width: 768px) {
	
	
	
	
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	
	
	
	
	

	.home .displayed-project, .description {
		margin-left: 0px!important;
	}
	
	.project-title {
		width: 100%;
		margin-right: auto;
	}
	
	.home .visual {
bottom: 0px !important;
}
	
	
			.single-work-information .wrapper div .client {
				display: block !important;
				width: 100% !important;
				
			}	
		
				.single-work-information .wrapper div:nth-child(1) {
					width: 100%;
					display: flex;
					display: block !important;
				}
				
				.single-work-information .container .wrapper {
				padding: 0;
				/* width: calc(65% - 12vw); */
				width: 100%;
				margin: auto 0px;
			}
			
			.overview {
				margin-block: 40px;
			}
			
			
			
				
	/* Sidebar -- A.C. */
	.sidebar {
    bottom: 20px;
    left: 15px;
    font-size: 10px;
    padding-left: 0px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	}
	
	.sidebar span:nth-child(1) {
    padding-right: 0px;
	}
	
	.sidebar span:nth-child(2) {
    display: none;
	}
	
	.brand {
	margin-left: 0;
	}
	
	
	/* HOME -- About OPEN */
	.about .flex-container {
	position: relative;
	padding-top: 100px;
	}
	
	.about .portrait {
    /*margin-left: 6.5vw;*/
    padding: 0px;
	}
	
	.about .portrait {
    height: 65vw;
    width: 100%;
    position: relative;
    border-radius: 0px; 
    overflow: hidden;
    margin: 0px!important;
    margin-bottom: 60px!important;
    border: none!important;
	}
	
	.about .portrait span {
    margin: 0px 0px;
    height: 100%!important;
    width: 100%;
    border-radius: 0px; 
    border: none!important;
	}
	
	.about .bio {
    padding: 0px 6.5vw!important;
    width: 100%;
	display: block;
	position: relative;
	height: 100%;
	margin-top: 0px;
	}
	
	.about .bio p {
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 24px;
	width: calc(100%);
	margin-right: 0;
	margin-left: auto;
	}
	
	.about .bio ul, .about .bio ul:nth-child(3) {
    margin-right: 6.5vw;
	}
	
	.contacts a {
    padding-right: 6.5vw;
    padding-left: 0px;
	}
	.contacts a:last-child {
    padding-right: 0px;
    padding-left: 0px;
	}

	
	
	
	
	/* HOME -- HERO -- SLIDESHOW */
	.home .hero {
	height: 100vh;
	position: fixed;
	width: 100vw;
	}
	
	.home .pagination {
	left: 0;
	bottom: calc(50vh - 60px);
	top: unset;
	}
	
	.home .hero .container .flex-container {
	width: 100%;
	}
	
	.home .hero .container .flex-container.slider {
    bottom: unset!important;
    height: auto!important;
    top: 20vh!important;
	}
	
	.home .displayed-project h2 strong {
	font-size: 10.65vw;
	line-height: 8.5vw;
	width: 100%;
	}
	
	.home .project-medium {
	margin: 15px 0px;
	margin-bottom: 0px;
	}
	
	.home .displayed-project, .description {
	margin-left: 6.5vw;
	margin-bottom: 0px;
	}
	
	.description p {
	/*display: none;*/
	}
	
	.home  .description a {
	display: inline-block;
	position: fixed;
	bottom: calc(50vh - 60px);
	right: 0;
	/*background: white;*/
	border-bottom-right-radius: 0px!important;
	border-top-right-radius: 0px!important;
	}
	
	.home .visual {
	position: fixed;
	top: unset!important;
	bottom: 60px!important;
	height: calc(45vh - 60px)!important;
	left: 0;
	right: 0px;
	z-index: -1;
	}
	
	
	
	
	
	
	
	
	
	
	/* CASE STUDY -- A.C. */
	
	
	
		
	/**************************** Single Work Hero :: List    	****************************/
	
	.intro .flex-container {
		margin-bottom: 0px!important;
	}
	
	
	
	.single-work-information .flex-container .intro .flex-container {
		margin-top: 0px!important;
	}

	
	.case-study {
		padding: 0 10px 19.531vw 10px;
		}
	
	.case-study .container {
	 padding: 0px 0px;
	}
	
	.case-study:last-child {
    padding-bottom: 19.531vw;
	}
	
	.single-work-information {
    margin-bottom: 19.531vw;
	}

	.single-work-information .container {
    padding: 0px 0px;
	}
	
	.single-work-information .container h2, .single-work-information .container .wrapper {
	padding: 0px 10px!important;
	}
	
	.details .overview {
		padding-right: 0px;
	}
	
	
	.single-work-information .flex-container {
	height: auto;
	margin-top: 160px;
	}
	
	.single-visual {
	
	width: 100%;
	height: 100%;
	min-height: 390px;
	}
	
	.single-visual div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
	
	
	.single-work-information .container .wrapper {
    padding: 0;
    width: 100%;
    margin-left: 0;
	}



	
	
	/* One IMAGE BLOCKS */
	.image-block.one_column {
    /*height: 48vh;*/
    height: auto;
    width: 100%;
	}
	
	/* TWO IMAGE BLOCKS */
	.case-study.case-study-two-image-blocks .container, .case-study.case-study-one-video-block .container {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	.case-study.case-study-two-image-blocks .flex-container {
    width: calc(100% - 13vw);
    margin: 0px auto;
	}
	
	.case-study.case-study-two-image-blocks .image-block.two_columns {
    /* height: 51.172vw; */
    height: auto;
    width: calc(50% - 2vw)!important;
	}

	.image-block.two_columns:nth-child(1) {
	    margin-bottom: 0px;
	}
	
	/* One COlUMN VIDEO BLOCK */
	.one_col_video_block {
		width: 100%;
	}
	
	
	/* TWO COlUMN VIDEO BLOCK */
	.case-study-two-video-block .container {
		padding: 0px 0px;
	}
	
	.two_col_video_block {
    width: calc(50% - 2vw);
    margin-bottom: 0px;
	}

	
	
	
	/* WEB & Mobile BLOCK */
	.web-container {
	    /*width: calc(100% - 6.5vw); */
	    width: 100%;
	    margin-left: 0;
	}
	
	.web-container.web-video {
		 width: 100%;
		 margin: auto;
	}
		
	.web-frame video {
	position: relative;
	}
	
	.mobile-container {
    padding-top: 0px;
    padding-bottom: 0px;
    }
	
	.mobile-container.two_devices .mobile-frame:first-child, .two_vid_mobile_devices .mobile-frame:first-child {
	margin-bottom: 19.531vw;
	}
	
	.mobile-container, .mobile-frame {
	width: 100%;
	}
	
	.mobile-container.two_devices {
	text-align: center;
	margin: auto;
	} 
	
	.mobile-container .scroll-me {
    left: unset;
    }
	
	
	
	
	
			
	/* Horizontal Slider */
	.hslide div {
    width: 40vw!important;
    height: 51.563vw!important;
    max-width: unset!important;
    min-width: unset!important;
    border-right: 0px solid rgba(20,20,20,1)!important;
    border-left: 0px solid rgba(20,20,20,1)!important;
	}
	
	#hslider {
	padding-left: 30vw!important;
	}
	
	.hslide:first-child {
	margin-left: 0!important;
	}
	
	.hslide:last-child {
	margin-right: 30vw!important;
	}
	
	.hslide {
	margin-right: 4vw;
	}
	
	
	
}/*** MEDIA MAX WIDTH: 768px ******/









@media only screen and (max-width: 750px) {



/* ---------- Hero & HISTORIC PROJECT HIGHLIGHTS -----*/
.single-work-hero div.flex-element:nth-child(1) h4:nth-child(1) {
	margin-bottom: 24px;
}


	/* ---------- HISTORIC PROJECT HIGHLIGHTS -----*/
	.historic-overview .highlights {
	width: calc(100%);
	padding: 0px 16px;
	}
	
	
	
	
	/* ---------- Home Slider -----*/
	.main {
		width: calc(100vw - 52px);
		margin-left: 0;
		margin-right: 4px;
	}
	
	.thumb.is-active .thumbnail-title {
		display: none!important;
	}
	
	.rail {
	width: 44px;
	order: 2;
	}
	
	.rail::before {
		height: 179px;
		background-image: linear-gradient(to top, rgba(251, 251, 251, 0) 0%, /* Transparent at the bottom */ rgba(251, 251, 251, 1) 55%);
	}
	
		
	.main-content {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 4px;
	}	
		
	.main-title {
		font-size: 52px;
		letter-spacing: -1px;
		line-height: 60px;
		margin-bottom: 8px;
		margin-left: -7px;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	
	.main-actions {
		border-top: solid 1px rgba(25, 25, 25, .16);
		padding-left: 8px;
		padding-right: 8px;
	}
	
	
	.thumb-mask {
	height: 36px;
	width: 36px;
	margin-bottom: 0px;
	}
	
	.thumb-inner {
	flex-direction: column;
	}
	
	.thumb.is-active .thumb-mask .thumb-overlay {
		position: absolute;
	
		  top: 0px;
		  left: 0px;
		  right: 0px;
		  bottom: 0px;
		  border: 0px solid #fbfbfb; /* invisible initially */
		  box-sizing: border-box;
		
		transition: border 0.35s ease-out;
		-webkit-transition: border 0.35s ease-out;
	}
	
	.thumb .thumb-mask .thumb-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		border: 8px solid #fbfbfb; /* invisible initially */
		box-sizing: border-box;
		
		transition: border 0.35s ease-out;
		-webkit-transition: border 0.35s ease-out;
	}
	
	
	.thumb.is-active img {
	padding: 0px 0px!important;	
	}
	
	.thumb:hover .thumbnail-title {
		opacity: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ---------- Case Study Hero  ::   Text Block -----*/
		
		
		.intro .flex-container .flex-element:nth-child(1), .list-item .flex-element:nth-child(1) {
			flex-wrap: nowrap;
			width: 65%;
		}
		
		.intro .flex-container .flex-element:nth-child(1), .case-study-text-block .flex-container.list-item  {
			display: flex;
		}
		
		
		
		
	.single-work-hero div.flex-element:nth-child(2) {
		width: 100%;
	}
		
	.intro h3 {
			font-size: 58px;
			line-height: 66px;
			font-weight: 400;
			text-transform: none;
			text-align: left;
	}
		
		
		
	.intro .flex-container {
		margin-bottom: 0px!important;
		margin-top: 0px!important;
	}
		
		.case-study-text-block .two_columns:nth-child(1) h4:nth-child(1), .single-work-information .wrapper .flex-element:nth-child(1) h4 {
			margin-bottom: 24px;
		}
	
	/* ---------- Case Study Layout  ::   Text Block -----*/
			
	.highlights .intro, .highlights .two_columns {
		width: 100%!important;
	}
	

	
	.case-study-text-block h3 {
		font-size: 58px;
		line-height: 66px;
		font-weight: 400;
		text-transform: none;
		text-align: left;
	}
	
	.case-study-text-block h4, .highlights h4 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
	text-transform: none;
	text-align: left;
	}
	
	
	.case-study-text-block p.text-block{
		font-size: 24px;
		font-weight: 400;
		letter-spacing: .5px;
		text-align: left;
		line-height: 34px;
	}
	.case-study-text-block .text_block_list li, .intro h4 {
	
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .25px;
	text-align: left;
	line-height: 28px;
}
	
	
	.case-study-text-block .flex-container {
		display: block;
		
	}
	
	.case-study-text-block .two_columns {
		height: auto;
		width: 100%!important;
		padding-right: 0px!important;
	}
	
	.case-study-text-block .two_columns:nth-child(1) {
		margin-bottom: 64px;
	}
	
	.case-study {
			padding: 0px 24px 19.531vw 24px;
	}
	
	
	.single-visual {
		margin-top: 0px;
	}
	
	
	
	
	
	
	
	
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	
	
	
	
	
	.pagination span:nth-child(1) {
		margin-right: 0px;
	}
	.pagination {
		width: 100%;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;

	}
		 .pagination span {
		display: flex!important;
		display: -webkit-flex!important;
		display: -ms-flexbox!important;
		
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;

	}
		
	/* NAVIGAION -- B.C 
	.navigation {
	left: 120px;
	width: calc(80% - 120px);
	}
	*/
		
		
		
		
		.archive {
		padding-top: 120px;
		overflow-x: hidden;
		}
		.archive h2.display {
		margin-bottom: 40px;
		overflow-x: hidden;
		}
	
	

}/*** MEDIA MAX WIDTH: 750px ******/















@media only screen and (max-width: 720px) {
		
		
		
		
		
		
		
		
		.brand {
		/* width: 200px; */
		padding: 0px 0px;
		}
		
		/********************************************************************************************
		(2025) ::: Alternate Archive  ::::::    Layout 
		******************************************************************************************/
		h1.client {
				width: 100%!important;
		}
		
.archive .project-description {
			padding-left: 0!important;
			width: 100%!important;
		}
		
		.archive .year, .archive .industry {
		padding-left: 10px;
		}
		
		.archive ul.industry {
		margin-bottom: 5px!important;
		}
		.page-id-694 .archive-project h1 {
			padding: 5px 10px;
		}
		
		.page-id-694 .archive ul {
			width: auto !important;
			display: inline-block;
		}
		
		
		
		
		/********************************************************************************************
		(2025) ::: Single Work  ::::::    Increase Text Size + Image mobile full width 
		******************************************************************************************/
		
		.single-work-information .wrapper div {
			/*position: relative;*/
			height: 100%;
		}
		.single-work-information {
		padding-top: 110px;
		margin-top: 0px!important;
		}
		
		
		.single-work-information .flex-container {
		margin-top: 0px;
		margin-bottom: 19.531vw!important;
		}
		
		
		.case-study.case-study-two-image-blocks .flex-container {
		width: 100%;
		}
		
		.case-study.case-study-two-image-blocks .image-block.two_columns {
			width: 100%!important;
		}
		
		.case-study.case-study-two-image-blocks .image-block.two_columns:nth-child(2) {
			margin-top: 19.531vw;
		}
		
		.two_col_video_block {
			width: 100%;
			margin-bottom: 0px;
		}
		
		.two_col_video_block:nth-child(2) {
			margin-top: 19.531vw;
		}
		
		#smooth-content {
			padding-bottom: 0px;
		}
		
		.single-work-information .overview {
			width: 100% !important;
		}
		.details, .overview {
			max-width: unset!important;
		}
		.small {
			height: 100% !important;
		}
		
		/********************************************************************************************
		END (2025) ::: Single Work  ::::::    Increase Text Size + Image mobile full width 
		******************************************************************************************/
		
		
		
		
		
		
		
		
		
		
		
		
	/* Home -- Hero -- B.C. 
	.hero .container .flex-container.slider {
	position: absolute;
	top: 125px!important;
	left: unset!important;
	right: 0!important;
	bottom: unset!important;
	}
	
	.visual {
	height: 45vh!important;
	position: fixed;
	bottom: 0!important;
	top: unset!important;
	}
	
	.description a {
	margin-top: 15px;
	display: inline-block;
	}
	
	*/
	
	
	
	/* GAllery -- B.C. */
	.gallery .project.full_width .project-thumbnail {
	min-height: 350px;
	}
	
	.gallery .container {
	padding: 0px 0px;
	padding-left: 60px;
	}
	
	.project:nth-child(even) {
	width: calc(100% - 60px)!important;
	margin-left: 0px;
	}
	
	.project:nth-child(odd) {
	width: calc(100% - 60px)!important;
	margin-left: 0px;
	}
	
	
	
	
	
	
	

	
	
	
	
	/* CASE STUDY -- A.C. */

	/* WEB & Mobile BLOCK */
	.web-container, .mobile-container {
    width: 100%;
	}
	
	.web-frame:before {
	padding-top: 0;
	}
	
	.web-frame img,	.web-frame video {
	position: relative;
	}
	
	.web-container .scroll-me {
	display: none;
	}

	.web-container.web-video .web-frame video {
    position: relative;
    height: 100%;
    }
	
	
}/*** MEDIA MAX WIDTH: 720px ******/














	
	
	
	
	@media only screen and (max-width: 600px) {
		
		/**************** Case Study Hero Block   ****************/
		.single-work-hero div.flex-element:nth-child(1) {
			width: 100%;
		}
	
		h4 {
			font-size: 20px;
			line-height: 24px;
			font-weight: 400;
			text-transform: none;
			text-align: left;
		}
		
		.intro h3 {
			font-size: 38px;
			line-height: 46px;
			font-weight: 400;
			text-transform: none;
			text-align: left;
		}
		
		.intro .flex-container {
			margin-bottom: 0px!important;
			margin-top: 0px!important;
		}
			
		
		
		
		
		/**************** Case Study text Block   ****************/
		
		.case-study-text-block h3 {
			font-size: 38px;
			line-height: 46px;
			font-weight: 400;
			text-transform: none;
			text-align: left;
		}
		
		.case-study-text-block h4{
			font-size: 20px;
			line-height: 24px;
			font-weight: 400;
			text-transform: none;
			text-align: left;
		}
		
		.case-study-text-block .two_columns:nth-child(1) h4:nth-child(1), .single-work-information .wrapper .flex-element:nth-child(1) h4 {
			margin-bottom: 24px;
		}
		
		
		
		
		
		
		
		
		
		
		.brand {
		/* width: 200px; */
		padding: 0px 0px;
		}
		
		/********************************************************************************************
		(2025) ::: Alternate Archive  ::::::    Layout 
		******************************************************************************************/
		h1.client {
				width: 100%!important;
		}
		
.archive .project-description {
			padding-left: 0!important;
			width: 100%!important;
		}
		.archive .year, .archive .industry {
		padding-left: 10px;
		}
		
		.archive ul.industry {
		margin-bottom: 5px!important;
		}
		.page-id-694 .archive-project h1 {
			padding: 5px 10px;
		}
		
		.page-id-694 .archive ul {
			width: auto !important;
			display: inline-block;
		}
	
	/* Navigation -- B.C. 
	.navigation {
	left: 60px;
	top: 20px;
	width: calc(80% - 60px);
	}
	
	.brand svg {
	width: 25px;
	}
	
	.brand {
	margin-top: 5px;
	}
	
	header {
	padding: 15px;
	}
	*/
	
	
	
	
	
	
	
	/* Home -- HERO -- B.C. 
	.hero .container .flex-container {
	width: calc(100% - 50px);
	height: auto;
	}
	
	.pagination {
	left: 50px;
	bottom: 0px;
	}*/
		
	.project-medium {
	margin: 15px 0px;
	}
	
	li {
	font-size: 10px;
	text-align: left;
	line-height: 14px;
	}
	
	
	
		
	/* HOME -- HERO -- SLIDESHOW */
	.home .hero {
	height: 100vh;
	position: fixed;
	width: 100vw;
	}
	
	.home .pagination {
	left: 0;
	bottom: calc(50vh - 36px);
	top: unset;
	}
	
	.home .hero .container .flex-container {
	width: 100%;
	}
	
	.home .hero .container .flex-container.slider {
    bottom: unset!important;
    height: auto!important;
    top: 20vh!important;
	}
	
	.home .displayed-project h2 strong {
	font-size: 10.65vw;
	line-height: 8.5vw;
	width: 100%;
	}
	
	.home .project-medium {
	margin: 15px 0px;
	margin-bottom: 0px;
	}
	
	.home .displayed-project, .description {
	margin-left: 6.5vw;
	margin-bottom: 0px;
	}
	
	.description p {
	/*display: none;*/
	}
	
	.home  .description a {
	display: inline-block;
	position: fixed;
	bottom: calc(50vh - 60px);
	right: 0;
	/*background: white;*/
	border-bottom-right-radius: 0px!important;
	border-top-right-radius: 0px!important;
	}
	
	.home .visual {
	position: fixed;
	top: unset!important;
	bottom: 60px!important;
	height: calc(45vh - 60px)!important;
	left: 0;
	right: 0px;
	}
	
	
	
	
	
	
	
	
	
		
	/* HOME -- About OPEN */
	.about .flex-container {
		position: relative;
		padding-top: 100px;
	}
	
	.about .portrait {
    /*margin-left: 6.5vw;*/
    padding: 0px;
	}
	
	.about .portrait {
    height: 65vw;
    width: 100%;
    position: relative;
    border-radius: 0px; 
    overflow: hidden;
    margin: 0px!important;
    margin-bottom: 60px!important;
    border: none!important;
	}
	
	.about .portrait span {
    margin: 0px 0px;
    height: 100%!important;
    width: 100%;
    border-radius: 0px; 
    border: none!important;
	}
	
	.about .bio {
    padding: 0px 6.5vw!important;
    width: 100%;
	display: block;
	position: relative;
	height: 100%;
	margin-top: 0px;
	}
	
	.about .bio p {
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 24px;
	width: calc(100%);
	margin-right: 0;
	margin-left: auto;
	}
	
	.about .bio ul, .about .bio ul:nth-child(3) {
    margin-right: 6.5vw;
	}
	
	.contacts a {
    padding-right: 6.5vw;
    padding-left: 0px;
	}
	.contacts a:last-child {
    padding-right: 0px;
    padding-left: 0px;
	}
	
	
	
		
	/* CASE STUDY -- A.C. */

	/* WEB & Mobile BLOCK */
	.web-container {
    width: 100%;
	}
	
	/* Horizontal Slider  -- B.C */
	.project-cta-intro span {
    font-size: 10px!important;
    line-height: 12px!important;
    letter-spacing: 1px!important;
	}
	
	.hslide h6 {
    font-size: 12px!important;
	}


	
}/*** MEDIA MAX WIDTH: 600px ******/









@media only screen and (max-width: 580px) {
	
	
	
	
	
	
	
	
	
	
	
	
	
	.brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	
	
	/********************************************************************************************
	(2025) ::: Single Work  ::::::    Increase Text Size + Image mobile full width 
	******************************************************************************************/
	
	
	
	.single-work-information {
	padding-top: 110px;
	margin-top: 0px!important;
	}
	
	
	.single-work-information .flex-container {
	margin-top: 0px;
	margin-bottom: 19.531vw!important;
	}
	
	/**************************** Single Work Hero :: List    	****************************/
	
	.intro .flex-container {
		margin-bottom: 0px!important;
	}
	/**************************** End Single Work Hero :: List    	****************************/
	
	.case-study.case-study-two-image-blocks .flex-container {
	width: 100%;
	}
	
	.case-study.case-study-two-image-blocks .image-block.two_columns {
		width: 100%!important;
	}
	
	.case-study.case-study-two-image-blocks .image-block.two_columns:nth-child(2) {
		margin-top: 19.531vw;
	}
	
	.two_col_video_block {
		width: 100%;
		margin-bottom: 0px;
	}
	
	.two_col_video_block:nth-child(2) {
		margin-top: 19.531vw;
	}
	
	#smooth-content {
		padding-bottom: 0px;
	}
	
	.single-work-information .overview {
		width: 100% !important;
	}
	.details, .overview {
		max-width: unset!important;
	}
	.small {
		height: 100% !important;
	}
	
	/********************************************************************************************
	END (2025) ::: Single Work  ::::::    Increase Text Size + Image mobile full width 
	******************************************************************************************/
	
	
	
	
	
	.archive:hover .archive-project:not(:hover) {
		opacity: 1;
	}
	
	/* Navigation 
	.navigation span {
    width: auto;
    }
    */
    .visual {
		margin-left: 0px;
	}
	
	.displayed-project a h2{
line-height: 9vh;
	font-size: 9vh;
		padding: 13px;
		text-align: left;
	}	

	.displayed-project .categories  { order: 2; }
	.displayed-project .project-title  { order: 1; }
    
    	
	/* HOME -- HERO -- SLIDESHOW */
	.home .hero {
	height: 100vh;
	position: fixed;
	width: 100vw;
	}
	
	.home .pagination {
	left: 0;
	bottom: calc(50vh - 36px);
	top: unset;
	}
	
	.home .hero .container .flex-container {
	width: 100%;
	}
	
	.home .hero .container .flex-container.slider {
    bottom: unset!important;
    height: auto!important;
    top: 120px!important;
	}
	
	.home .displayed-project h2 strong {
	font-size: 10.65vw;
	line-height: 8.5vw;
	width: 100%;
	}
	
	.home .project-medium {
	margin: 15px 0px;
	margin-bottom: 0px;
	}
	
	.home .displayed-project, .description {
	margin-left: 6.5vw;
	margin-bottom: 0px;
	}
	
	.description p {
	/*display: none;*/
	}
	
	.home  .description a {
	display: inline-block;
	position: fixed;
	bottom: calc(50vh - 36px);
	right: 0;
	/*background: white;*/
	border-bottom-right-radius: 0px!important;
	border-top-right-radius: 0px!important;
	}
	
	.home .visual {
	position: fixed;
	top: unset!important;
	bottom: 0px!important;
	height: calc(50vh - 20px)!important;
	left: 0;
	right: 0px;
	}
	
    
    
    
    /* GAllery */
	.project:nth-child(even), .project:nth-child(odd) {
	width: calc(100%)!important;
	margin-left: 0px;
	}

	.gallery .project.full_width .project-thumbnail {
	    min-height: 350px;
	}

    .gallery .container {
    padding: 0px 60px;
    padding-left: 0;
	}



}/*** MEDIA MAX WIDTH: 580px ******/




















@media only screen and (max-width: 400px) {
	
	
	
	
	
	/*********** Single Case Study Hero ***********/
	.single-work-information .intro .flex-container {
		margin-bottom: 0px!important;
		margin-top: 0px!important;
	}
	
	
	
	
	
	
	
	
	
	
	
	 .brand {
	/* width: 200px; */
	padding: 0px 0px;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	h1.client {
			width: 100%!important;
	}
	
.archive .project-description {
		padding-left: 0!important;
		width: 100%!important;
	}
	
	.archive .year, .archive .industry {
	padding-left: 10px;
	}
	
	.archive ul.industry {
	margin-bottom: 5px!important;
	}
	.page-id-694 .archive-project h1 {
		padding: 5px 10px;
	}
	
	.page-id-694 .archive ul {
		width: auto !important;
		display: inline-block;
	}
	
	/********************************************************************************************
	(2025) ::: Alternate Archive  ::::::    Layout 
	******************************************************************************************/
	
	
	
	
	
	
	
	/********************************************************************************************
	(2025) ::: Single Work  ::::::    Increase Text Size + Image mobile full width 
	******************************************************************************************/
	
	
	.single-work-information {
	padding-top: 110px;
	margin-top: 0px!important;
	}
	
	
	.single-work-information .flex-container {
	margin-top: 0px;
	margin-bottom: 19.531vw!important;
	}
	
	
	.case-study.case-study-two-image-blocks .flex-container {
	width: 100%;
	}
	
	.case-study.case-study-two-image-blocks .image-block.two_columns {
		width: 100%!important;
	}
	
	.case-study.case-study-two-image-blocks .image-block.two_columns:nth-child(2) {
		margin-top: 19.531vw;
	}
	
	.two_col_video_block {
		width: 100%;
		margin-bottom: 0px;
	}
	
	.two_col_video_block:nth-child(2) {
		margin-top: 19.531vw;
	}
	
	#smooth-content {
		padding-bottom: 0px;
	}
	
	/********************************************************************************************
	END (2025) ::: Single Work  ::::::    Increase Text Size + Image mobile full width 
	******************************************************************************************/
	
	
	
	
	
	.pagination  {
	display: block;
	width: auto;
	}
	
	.pagination span {
	position: relative;
	display: inline-block;
	padding: 20px 5px;
	width: auto;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 38px;
	font-weight: 400;
	letter-spacing: 1px;
	/*background: #5a531f;*/
	background: #6c00ff;

	/*color: #f6f4f4; */
	color: #fffef8;
	border-radius: 100px;
	text-align: center;
	
}

	.pagination span:nth-child(2) {
padding: 20px 21px;
}

	.archive-project {
		padding: 20px 0px;
	}
	
	
	.contacts {
	margin-bottom: 80px;
}
	.capabilities {
	padding-bottom: 200px;
}
	
	
	.hslide div span {
	width: calc(100% - 12px) !important;
}

	.single-work-information .overview {
		width: 100% !important;
	}
	
	.single-work-information {
		margin-bottom: 9.375vw;
		margin-top: 120px;
	}
	
	
	.nav-items ul li, nav .name h1 a, nav .name h1 span, .nav-info h1 {
			font-size: 16px;
		}
	.nav-project-count {
	font-size: 12px;
}

nav.main-nav .navigation {
width: calc((100% - 16vw)* .65)!important;
min-width: unset!important;
}
.categories {
	width: 175px;
	padding-left: 10px;
}

	.home .hero .container .flex-container.slider {
top: 120px !important;
bottom: unset !important;
}

.displayed-project a h2 {
	padding: 5px;
}

.home .pagination {

bottom: 0!important;
}

	
	/** NAVIGATION*/
	nav.main-nav .navigation {
    width: auto;
    min-width: 110px;
}
    
	
	/* HOME -- About OPEN */
	.about .flex-container {
		position: relative;
		padding-top: 100px;
	}
	
	.about .portrait {
    /*margin-left: 6.5vw;*/
    padding: 0px;
	}
	
	.about .portrait {

 height: 500px;
    width: 100%;
    position: relative;
    border-radius: 0px; 
    overflow: hidden;
    margin: 0px!important;
    margin-bottom: 60px!important;
    border: none!important;
	}
	
	.about .portrait span {
    margin: 0px 0px;
    height: 100%!important;
    width: 100%;
    border-radius: 0px; 
    border: none!important;
	}
	
	.about .bio {
    padding: 0px 10px!important;
	}
	
	.about .bio p {
	 margin-bottom: 60px;
	 font-size: 38px;
	 line-height: 42px;
 }
	.about .bio ul, .about .bio ul:nth-child(3) {
    margin-right: 6.5vw;
	}
	
	.contacts a {
    padding-right: 6.5vw;
    padding-left: 0px;
	}
	.contacts a:last-child {
    padding-right: 0px;
    padding-left: 0px;
	}
	
	
	
	
	
	
	
	/* HOME -- HERO -- SLIDESHOW */
	.home .hero {
	height: 100vh;
	position: fixed;
	width: 100vw;
	}
	
	.home .pagination {
	right: 0;
	left: unset;
	bottom: calc(50vh - 60px);
	top: unset;
	}
	
	.home .hero .container .flex-container {
	width: 100%;
	}
	
	.home .hero .container .flex-container.slider {
	/*top: unset!important;*/
	height: auto!important;
	/*bottom: 73vh!important;*/
	}
	
	.home .displayed-project h2 strong {
	font-size: 10.65vw;
	line-height: 8.5vw;
	width: 100%;
	}
	
	.home .project-medium {
	margin: 15px 0px;
	margin-bottom: 0px;
	}
	
	.home .displayed-project, .home .description {
	margin-left: 6.5vw;
	margin-bottom: 0px;
	}
	
	.home .description p {
	display: none;
	}
	
	.home  .description a {
	display: inline-block;
	position: fixed;
	bottom: calc(50vh - 60px);
	right: 0;
	/*background: white; */
	border-bottom-right-radius: 0px!important;
	border-top-right-radius: 0px!important;
	}
	

	.home .visual {
			position: fixed;
			top: unset !important;
			bottom: 0px !important;
			height: calc(40vh - 10px) !important;
			left: 0;
			right: 0px;
		}






	
	
	
	
	
	
		
	/* Gallery */
	.gallery {
    margin: 60px 30px!important;
	}
	
	.gallery .container {
    padding: 0px 0px!important;
	}
	
	.gallery .project {
	margin-bottom: 30px!important;

    -webkit-transform: translate3d(0,0vw,0)!important;
    transform: translate3d(0,0vw,0)!important;
	}
	
	
	.magnetic {
		transform: none!important;
	}

	
	
	
}/*** MEDIA MAX WIDTH: 400px ******/