<style>
   
	.navbrand, .navedit, .navarts, .navabout {display: none;}
	
  	#navigationcontainer
{	
	position:fixed;
	left: 0px;
    top: 0px;
	line-height:0;
	display: block;
	background-color:transparent;
	background-color:rgba(0,0,0,0);
	width: 100%;
	height: 77px;
	margin: 0 auto;
	z-index:9999;
}

	#headerbackground 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 337px;
	background-color: #fff;
	z-index: 1;
}
	
/* header */

	#headerwrapper 
{
    position: relative;
    top: 0px;
    margin: 0 auto;
    width: 95%;
	z-index: 10;
}

	#header
{
    position: relative;
    top:76px;
    width: 97%;
    max-width: 97%;
	height: 72px;
	line-height:0;
	display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
	margin: 0 auto;
	padding: 0;
	z-index: 8888;
}

	#header-left
{
    position: relative;
    order: 1;
    flex: 0 0 auto;
    margin-right: 5px;
    top:3px;
    width: 108px;
	height: 72px;
	line-height:0;
	display: inline-table;
	padding: 0;
	z-index: 8899;
}

	#header-leftredrule,
	#header-rightredrule
{
    border-bottom:1px dotted #d23e44;
    border-left: 1px dotted #d23e44;
    border-right: 1px dotted #d23e44;
    position: relative;
    flex: 1 1 auto;
    top:35px;
	height: 8px;
	line-height:0;
	display: inline-block;
	padding: 0;
	z-index: 0;
}

	#header-leftredrule
{
    order: 2;
    padding-right: 20px;
}

	#header-rightredrule
{
    order: 4;
}

	#header-leftrule
{
	display: none;
}

	#header-center
{
	display: none;
}

	#header-rightrule
{
	display: none;
}

	#header-rightredrule
{
	display: none;
}

	#header-right
{
    order: 3;
    flex: 0 0 auto;
    position: relative;
    top:3px;
	height: 72px;
	width: 136px;
	line-height:0;
	display: inline-table;
	padding: 0;
	z-index: 8899;
}

/* end header */

	#secondrulescroll
{	
	position: relative;
  	top: 82px;
  	left: 0;
  	border-top:1px dotted #000;
  	color:#fff;
  	background-color: none;
  	width: 100%;
  	margin-left: 0;
  	height:1px;
  	z-index: 10;
}

    .banner-top 
{
    margin: 1vw auto 0;
}

/* Tertiary Menu */

    #tertiary-banner-container 
{
    order: 1;
    position: relative;
    width: 100%;
    height: calc((100vh - 1vw) - 338px);
    min-height: 28vw;
    background-color: #000;
    overflow: hidden;
    z-index: 1;
}

    #tertiary-banner-container:after 
{
        content: "";
        background-image: url('../images/tb-down.svg');
        background-position: center 27%;
        background-size: 50% auto;
        background-repeat: no-repeat;
        text-align: center;
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 80px;
        border: 1px solid #fff;
        border-radius: 50%;
        background-color: #fff;
        z-index: 25;
}

    .tertiary-banner 
{
    position: absolute;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    overflow: visible;
    background-color: #272727;
    background-size: cover;
    background-position: center;
}

    .tb-left
{
    width: 33.3333%;
    left: 0;
    z-index: 0;
    border-right: 2px solid #fff;
}

    .tb-center
{
    width: 33.3333%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

    .tb-right
{
    width: 33.3333%;
    right: 0;
    z-index: 0;
    border-left: 2px solid #fff;
}

    .tb-center:before,
    .tb-center:after {
        content: "";
        background-image: url('../images/tb-x.svg');
        background-position: center;
        background-size: 50% auto;
        background-repeat: no-repeat;
        font-weight: bold;
        color: #272727;
        text-align: center;
        font-size: 44px;
        line-height: 76px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        width: 80px;
        height: 80px;
        border: 1px solid #fff;
        border-radius: 50%;
        background-color: #fff;
        z-index: 25;
    }
    
    .tb-center:before {
        left: -43px;
        animation: tb-plus-rotate 8s 0.5s ease forwards infinite;
    }
    
    .tb-center:after {
        right: -43px;
        animation: tb-plus-rotate 8s 1.5s ease forwards infinite;
    }
    
    span.tertiary {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-weight: 900;
        font-size: 30px;
        color: #fff;
        white-space: nowrap;
        -webkit-transition: 300ms;
        transition: 300ms;
        z-index: 20;
    }
    
    .tertiary-banner:hover .tertiary{
        border-bottom: 1px solid #fff;
        padding: 9px 0 8px;
        -webkit-transition: 300ms;
        transition: 300ms;
    }

    @keyframes tb-plus-rotate {
		
		0% {transform: translateY(-50%) rotate(0deg);}
		20% {transform: translateY(-50%) rotate(0deg);}
		25% {transform: translateY(-50%) rotate(45deg);}
		45% {transform: translateY(-50%) rotate(45deg);}
		50% {transform: translateY(-50%) rotate(90deg);}
		70% {transform: translateY(-50%) rotate(90deg);}
		75% {transform: translateY(-50%) rotate(135deg);}
		95% {transform: translateY(-50%) rotate(135deg);}
		100% {transform: translateY(-50%) rotate(180deg);}
	}
	
	@-webkit-keyframes tb-plus-rotate {
		
		0% {transform: translateY(-50%) rotate(0deg);}
		20% {transform: translateY(-50%) rotate(0deg);}
		25% {transform: translateY(-50%) rotate(45deg);}
		45% {transform: translateY(-50%) rotate(45deg);}
		50% {transform: translateY(-50%) rotate(90deg);}
		70% {transform: translateY(-50%) rotate(90deg);}
		75% {transform: translateY(-50%) rotate(135deg);}
		95% {transform: translateY(-50%) rotate(135deg);}
		100% {transform: translateY(-50%) rotate(180deg);}
	}
	
	.tb-tint-l,
	.tb-tint-c,
	.tb-tint-r {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    opacity: .3;
	    background-color: #272727;
	    z-index: 10;
	}
	
	.tb-tint-l {
	    opacity: .7;
	    background-color: #2c3886;
	    display: none;
	}
	
	.tb-tint-c {
	    opacity: .7;
	    background-color: #f00000;
	}
	
	.tb-tint-r {
	    opacity: .7;
	    background-color: #272727;
	}
	
	.tb-img {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-repeat: no-repeat;
	    background-position: center;
	    animation: tb-fade-in-out;
	    animation-duration: 8s;
	    animation-iteration-count: infinite;
	    animation-timing-function: ease-in-out;
	    animation-fill-mode: forwards;
	    background-color: #fff;
	    opacity: 0;
	}
	
	.tb-img-l1 {
	    background-image: url('../images/utrecht-logo-blu-1.jpg');
	    background-size: cover;
	    animation-delay: 0s;
	    z-index: 1;
	}
	
	.tb-img-l2 {
	    background-image: url('../images/pt_symbol_diagram-blu-1.png');
	    background-size: cover;
	    animation-delay: 2s;
	    z-index: 2;
	}
	
	.tb-img-l3 {
	    background-image: url('../images/climatecharge_symbol_diagram-blu-1.png');
	    background-size: cover;
	    animation-delay: 4s;
	    z-index: 3;
	}
	
	.tb-img-l4 {
	    background-image: url('../images/as_leadimage_new_persp2-blu-1.jpg');
	    background-size: cover;
	    animation-delay: 6s;
	    z-index: 4;
	}
	
	.tb-img-c1 {
	    background-image: url('../images/gq-lanz-drk.jpg');
	    background-size: 100% auto;
	    background-color: #393939;
	    animation-delay: 0.5s;
	    z-index: 1;
	}
	
	.tb-img-c2 {
	    background-image: url('../images/details-jake-1.jpg');
	    background-size: cover;
	    animation-delay: 2.5s;
	    background-color: #393939;
	    z-index: 2;
	}
	
	.tb-img-c3 {
	    background-image: url('../featured/images/skulpturen-type_1818.jpg');
	    background-size: cover;
	    background-color: #393939;
	    animation-delay: 4.5s;
	    z-index: 3;
	}
	
	.tb-img-c4 {
	    background-image: url('../images/surface-1-drk.jpg');
	    background-size: 100% auto;
	    background-color: #393939;
	    animation-delay: 6.5s;
	    z-index: 4;
	}
	
	.tb-img-r1 {
	    background-image: url('../images/gaffeur-sample-8-2.png');
	    background-size: cover;
	    animation-delay: 1s;
	    z-index: 1;
	}
	
	.tb-img-r2 {
	    background-image: url('../newsam/images/keyglyphs.png');
	    background-size: cover;
	    animation-delay: 3s;
	    z-index: 2;
	}
	
	.tb-img-r3 {
	    background-image: url('../images/Typonym_samples_85.png');
	    background-size: cover;
	    animation-delay: 5s;
	    z-index: 3;
	}
	
	.tb-img-r4 {
	    background-image: url('../images/Marsam-deck_100924-6.png');
	    background-size: cover;
	    animation-delay: 7s;
	    z-index: 4;
	}
	
	@-webkit-keyframes tb-fade-in-out {
		0% {opacity:0;}
		1% {z-index: 5;}
		10% {opacity:1;}
		25% {opacity:1;}
		30% {opacity:0;}
		31% {z-index: 0;}
		100% {opacity:0;}
	}
	
	 @keyframes tb-fade-in-out {
		0% {opacity:0;}
		1% {z-index: 5;}
		10% {opacity:1;}
		25% {opacity:1;}
		30% {opacity:0;}
		31% {z-index: 0;}
		100% {opacity:0;}
	}


/* main content */

	#wrapper 
{
    position: relative;
    top: 0px;
    margin: 0 auto;
    width:100%;
	z-index: 3;
}

	#pagetitle-home
{	
	position: relative;
	width: 95%;
	height: 183px;
	line-height:0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	margin: 76px auto 0;
	padding: 0 2px 0 0;
	border-bottom: 1px dotted #272727;
	z-index: 0;
}

	#pagetitle-home:after 
{
	content: "";
	background-image: url('https://evanonearth.net/featured/images/downarrw-272727.svg');
	background-size: 12px, auto;
	background-position:  50% center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	height: 15px;
}

/* BANNER */

	.banner-project 
{
    order: 1;
    position: relative;
    width: 100%;
    height: calc((100vh - 2vw) - 338px);
    min-height: 100vh;
    overflow: hidden;
}

	.reveal-cont-banner
{
	position: relative;
	display: table;
    width: 100%;
    height: calc(100% - 38px);
    margin: 38px auto 0;
    z-index: 0;
}

	.reveal-cont-banner:before 
{
	content: "";
	position: absolute;
	top: -19px;
	left: 2.5vw;
	width: 95vw;
	height: 1px;
	border-top: 1px dotted #272727;
}

	.reveal-cont-banner:after 
{
	content: "";
	background-image: url('https://evanonearth.net/featured/images/downarrw-272727.svg');
	background-size: 12px, auto;
	background-position:  50% center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: -26px;
	width: 100%;
	height: 15px;
}

	.reveal-cont-banner.banner-top
{
	margin: 1vw auto 0;
	height: 100%;
}

	.reveal-cont-banner.banner-top:before,
	.reveal-cont-banner.banner-top:after 
{
	display: none;
}

	.banner-2-tint, .banner-5-tint
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
}

	.banner-2-tint
{
	background-color: #888888;
    opacity: .2;
}

	.banner-5-tint
{
	background-color: #f99d3e;
    opacity: .1;
}

	.banner-head,
	.banner-headline
{
	position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    font-family: 'Heldane Text Medium','Scotch Roman','Source Serif Pro', serif;
    font-weight: 400;
    font-size: 24px;
    font-style: normal;
    Line-height: .9;
    letter-spacing: .1px;
    text-align: center;
    color: #272727;
    -webkit-text-size-adjust:none;
		 -ms-text-size-adjust:none;
		 -moz-text-size-adjust:none;
		 text-size-adjust:none;
}

	span.banner-italmarkers 
{
	font-size: 22px;
	letter-spacing: -1.5px; 
}

@media screen and (max-width: 1000px) {
	.banner-head,
	.banner-headline {
		font-size: 3vw;
	}
	span.banner-italmarkers {
		font-size: 3vw;
		letter-spacing: 0; 
	}
}

	.banner-head
{
	color: #fff;
	padding: 0;
	white-space: nowrap;
    z-index: 10;
}

	.banner-head a
{
	display: block;
	padding: 54px 0;
	color: #fff;
    text-decoration: none !important;
}

	.banner-headline 
{
    color: #272727;
    padding: 54px 0;
    z-index: 0; 
}

	.banner-headline a
{
	display: block;
	padding: 0;
	color: #272727;
    text-decoration: none !important;
}

	#gaffeur-banner .banner-head a
{
	color: #000;
}


	.banner-head:after,
	.banner-headline:after
{
	content: "";
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 9px;
    box-sizing: border-box;
}

	.banner-head:after
{
	border-top: 3px solid #fff;
}

	.banner-headline:after
{
	background-image: url('https://evanonearth.net/images/fwrdarrw-cc3333.svg'); 
	background-size: 80% auto;
	background-position: center 400%;
	background-repeat: no-repeat;
	border-top: 3px solid #272727;
}

	.headline-undertint
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 43px;
    box-sizing: border-box;
    border-radius: 5px;
    z-index: -5;
}

   .banner-video-cont-a 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

   #TyponymVid1, #TyponymVid2 
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}
 
@media (max-aspect-ratio: 399/300) {
    .banner-video-cont-a {
        width: auto;
        height: 100%;
    }
    #TyponymVid1, #TyponymVid2 {
        width: auto;
        height: 100%;
    }
}

    .undertint-proelior-brand
{
	background: rgba(53, 28, 237, 0.85);
    opacity: .8;
}

    .undertint-typonym-brand
{
	background: #f00002;
	opacity: .8;
}

	.undertint-gaffeur
{
	background: rgba(249, 201, 37, 0.85);
}

	.undertint-gq-moty
{
	background-color: rgba(201, 35, 35, 0.76);
}

	.undertint-gq-012020
{
	background: linear-gradient(to right bottom, rgba(181, 148, 81, 0.76) 0%, rgba(124, 98, 27, 0.76) 100%);
}

	.undertint-pt
{
	background: rgba(53, 28, 237, 0.85);
}

	.imgbanner
{
	display: none;
}

	.imgbanner a
{
	display: block;
	width: 100%;
	height: 100%;
}

	.imgBNRA.imgmaingrid-mbl-a img,
	.imgBNRB.imgmaingrid-mbl-a img,
	.imgBNRC.imgmaingrid-mbl-a img,
	.imgBNRD.imgmaingrid-mbl-a img,
	.imgBNRE.imgmaingrid-mbl-a img,
	.imgBNRF.imgmaingrid-mbl-a img  
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

    .imgBNRA.imgmaingrid-mbl-a img 
{
    object-position: 50% 75%;
}

	.imgBNRB.imgmaingrid-mbl-a 
{
	opacity: 1;
}

	.banner-arrow 
{
	background-image: url(https://evanonearth.net/images/fwrdarrw-cc3333.svg);
    background-size: 80% auto;
    background-position: center -400%;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% + 56px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
	 
}

	.banner-arrow-anim
{
    background-position: center;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
}

	.banner-arrow-hover 
{
    background-position: center;
    -webkit-transition: 1s ease-in .2s;
    -moz-transition: 1s ease-in .2s;
    transition: 1s ease-in .2s;
}


/* GQ ARTS BANNER */

	#gqart1Vid,
	#gqart2Vid 
{
	position: absolute;
}
	#gqart1Vid
{
	display: none;
}

	#gqart2Vid
{
	height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

@media (orientation: landscape) {
	#gqart2Vid {
		height: auto;
    	width: 100%;
    }
}

/* MAIN GRID */

	#maingrid
{
	position: relative;
	line-height: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 auto;   
	z-index: -3;
}

	.imgmaingrid
{
	position: relative;
	line-height:0;
	display: block;
	width: 95vw;
	height: 86vw;
	margin: 0px 0px 0px 0px;
	padding-top: 1.25vw;
	background-color: transparent;
	background-color: rgba(0,0,0,0);
}

	.imgmaingrid-a 
{
	display: none !important;
}

	.imgmaingrid-b 
{
	display: none !important;
}

	.imgmaingrid-mbl-a,
	.imgmaingrid-mbl-b
{
    position: absolute;
    width: 100%;
    background-color: transparent;
    background-color: rgba(0,0,0,0);
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
}

	.imgmaingrid-mbl-a 
{
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 1;
    overflow: hidden;
    z-index: 2;
}

	.imgmaingrid-mbl-a a {
	display: block;
	width: 100%;
	height: 100%;	
}

	.imgmaingrid-mbl-a img 
{
	position: absolute;
	top: 2.5%;
	left: 2.5%;
	width: 95%;
	height: 95%;
}

	.imgmaingrid-mbl-b 
{
    display: table;
    height: 100%;
    top: 0px;
    left: 0px;
    border-left: 3px solid #595959;
    border-right: 3px solid #595959;
    opacity: 0;
    z-index: 0;
}

	.imgmaingrid-mbl-b a
{
	display: block;
	width: 100%;
	height: 100%;
}

	.main-blank 
{
	position: absolute;
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
    background-color: #e8e6e5;
}

	.feat-headline 
{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	left: 0;
	width: 80%;
	font-family: 'Heldane text Medium','Scotch Roman','Source Serif Pro', serif;
    font-weight: 400;
    font-size: 6vw;
    font-style: normal;
    Line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #272727; 
    -webkit-text-size-adjust:none;
		 -ms-text-size-adjust:none;
		 -moz-text-size-adjust:none;
		 text-size-adjust:none;
}

	span.italmarkers 
{
	font-size: 5vw;
	letter-spacing: 0; 
}

	.feat-slug,
	.banner-slug 
{ 
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
}

	.feat-slug
{ 
	top: 75%;
	left: 0;
	width: 100%;
}

	.banner-slug 
{ 
	top: calc(50% - 44px);
    left: 50%;
    transform: translate(-50%,-50%);
    border-bottom: 1px dotted #272727;;
}

	.public-art-banner
{
	background-image: url('https://evanonearth.net/featured/images/pagetitle_publicart-0718.svg');
	width: 62px;
	background-position: -23px center;
}

	.typography-banner
{
	background-image: url('https://evanonearth.net/images/featured-slug-typography.svg');
}


	.dig-website
{
	background-image: url('https://evanonearth.net/images/featured-slug-website.svg');
}

	.dig-website-banner
{
	background-image: url('https://evanonearth.net/images/featured-slug-website-2.svg');
	width: 155px;
}

	.editorial
{
	background-image: url('https://evanonearth.net/images/featured-slug-editorial.svg');
}

	.edit-fashion
{
	background-image: url('https://evanonearth.net/images/featured-slug-fashion.svg');
}

	.edit-format
{
	background-image: url('https://evanonearth.net/images/featured-slug-edit-format.svg');
}

	.brand-dev
{
	background-image: url('https://evanonearth.net/images/featured-slug-brand-dev.svg');
}

	.brand-print
{
	background-image: url('https://evanonearth.net/images/featured-slug-brand-print.svg');
}

	.public-art
{
	background-image: url('https://evanonearth.net/images/featured-slug-publicart.svg');
}

	.typography
{
	background-image: url('https://evanonearth.net/images/featured-slug-typography.svg');
}

	.forward-arrow 
{ 
	background-image: url('https://evanonearth.net/images/fwrdarrw-cc3333.svg');
	background-size: 100% auto;
	background-position: center -50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 55px;
	opacity: 0;
}

/* REMOVE ITEMS */

	.removeitm {
		display: none !important;
	}
	
	.imgB1.imgmaingrid,
	.imgB2.imgmaingrid,
	.imgB3.imgmaingrid,
	.imgB4.imgmaingrid,
	.imgB5.imgmaingrid,
	.imgB6.imgmaingrid {
		display: none;
	}

/* SHOW ON LOAD FIX */

	.reveal-cont-1 
{
	opacity: 1 !important;
	margin-top: 0 !important;
	animation: none !important;
}

@media (orientation: portrait) and (max-aspect-ratio: 9/16) {
	.reveal-cont-2 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
} 

@media (orientation: portrait) and (min-width: 500px) {
	.reveal-cont-2 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
} 

@media (orientation: landscape) {
	.reveal-cont-1, .reveal-cont-2 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
}

@media (orientation: portrait) and (min-width: 500px) and (min-height: 800px) {
	.reveal-cont-3, .reveal-cont-4 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
} 

@media (orientation: landscape) and (min-height: 800px) {
	.reveal-cont-5, .reveal-cont-6 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
} 

@media (orientation: landscape) and (min-height: 1240px) {
	.reveal-cont-7, .reveal-cont-8 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
}

@media (orientation: landscape) and (min-height: 1660px) {
	.reveal-cont-9, .reveal-cont-10 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
}  

@media (orientation: landscape) and (min-height: 2100px) {
	.reveal-cont-11, .reveal-cont-12 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
}  

@media (orientation: landscape) and (min-height: 2500px) {
	.reveal-cont-13, .reveal-cont-14, .reveal-cont-15, .reveal-cont-16 {
		opacity: 1 !important;
		margin-top: 0 !important;
		animation: none !important;
	}
}  

	#lowergrid {
	display: none;		
}

	#lowergrid-mobile
{
	position: relative;
	line-height: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	overflow: hidden;
	padding: 12px 0px 0px 0px;
	width: 95%;
	height: 293vw;
	margin: 0 auto;   
	z-index: 0;
}

	.thumbs
{
	position: relative;
	width: 46.4vw;
	height: 46.4vw;
	z-index: 0;
}

	.thumbs-alt .ttl-content 
{
    position: relative;
    width: 80%;
    height: 20px;
    margin: -12px auto 0;
    text-align: center;
    font-size: 12px;
    font-family: "Heldane Text Medium","Chronicle","Georgia", serif;
    color: #272727;
    line-height: 1.1;
}

	.thumbs-alt .ttl-content:after 
{
	content: "";
    position: absolute;
    left: 0;
    bottom: -8vw;
    height: 1px;
    width: 100%;
    border-top: 1px dotted red;
}

	#bottomnavwrapper-mbl
{
	position: relative;
	background-color: #fff;
	line-height:0;
	display: block;
	width: 100%;
	height: 140px;
	margin: 0 auto;
}

	#bottomnavwrapper
{
	display: none;
}

	#bottomnav
{
	position: relative;
	background-color: #fff;
	line-height:0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
	height: 140px;
	margin: 0 auto;
}

	#bottomrule
{
	order: 1;
	position: relative;
    top: 8px;
	line-height:0;
	display: block;
	width: 95%;
	height: 17px;
	margin: 0 auto;
	border-bottom: 3px solid #595959;
	background-color: transparent;
	background-color: rgba(0,0,0,0);
}

	#mailto
{
    order: 2;
     background-image: url(../images/email.svg);
    background-size: auto 14px;
    background-position: center;
    background-repeat: no-repeat;
	position: relative;
    top: 15px;
    left: 0;
	line-height:0;
	display: block;
	width: 151px;
	height: 28px;
	margin: 0;
	background-color:#ffffff;
}

	#mailto img
{
	height: 100%;
    width: 100%;
}

	#mailto:hover 
{
	border-bottom: 1px dotted #272727;
	webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
	transition: 300ms;
}

	#aboutme
{
    display: none;
}

	#impressum
{
    display: none;
}

	#credit
{
	order: 5;
	font-family: 'Neuface', 'Scotch', Georgia, serif;
	font-weight: 300;
	font-size: 8px;
	text-align: center;
	color: #272727;
	position: relative;
    top: 5px;
	line-height:0;
	display: inline-block;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background-color:#FFFFFF;
}

/* ANIMATION */

	.hideitm {
		opacity: 0 !important;
		z-index: 0;
	}
	.revealitm {
		opacity: 1;
		z-index: 2;
	}
	.arrow-anim {
		background-position: center 50% !important;
		opacity: 1;
		webkit-transition: 500ms ease .5s;
		-moz-transition: 500ms ease .5s;
		-o-transition: 500ms ease .5s;
		transition: 500ms ease .5s;
	}

/* MEDIA QUERIES */

@media (orientation: portrait) {
    #tertiary-banner-container:after {display: none;}
}

@media (max-aspect-ratio: 16/10) and (orientation: portrait) {
    #tertiary-banner-container {
        height: 40vw;
    }
}

@media (min-width: 1000px) {
	.banner-head {
		width: auto;
	}
	.headline-undertint {
    	width: 115%;
	}
}

@media (max-width: 1000px) {
    span.hometitle.tertiary {
        font-size: 20px;
    }
    .tb-center:before, .tb-center:after {
        width: 60px;
        height: 60px;
    }
    .tb-center:before {
        left: -33px;
    }
    .tb-center:after {
        right: -33px;
    }
    #tertiary-banner-container:after {
        background-position: center 27%;
        bottom: -30px;
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 700px) {
    span.hometitle.tertiary {
        font-size: 20px;
    }
    .tb-center:before, .tb-center:after {
        width: 40px;
        height: 40px;
    }
    .tb-center:before {
        left: -22px;
    }
    .tb-center:after {
        right: -22px;
    }
     #tertiary-banner-container:after {
        background-position: center 27%;
        bottom: -20px;
        width: 40px;
        height: 40px;
    }
}
	

@media (min-width: 1000px), (orientation: portrait) and (min-width: 750px) {
	.banner-project {
		height: calc((100vh - 1vw) - 328px);
		min-height: 0;
	}
	/*
	#maingrid {
		padding: 2.5vw 0px 0px 0px;
	} */
}

@media (max-height: 600px) {
    #tertiary-banner-container:after {display: none;}
}

@media (orientation: portrait) and (max-width: 450px) {
	.thumbs-alt .ttl-content {
		font-size: 3.3vw;
	}
    #tertiary-banner-container {
        display: none;
    }
}

@media (orientation: landscape) and (max-height: 450px) {
	.thumbs-alt .ttl-content {
		font-size: 3.3vh;
	}
}

@media (orientation: landscape), (min-width: 500px) and (orientation: portrait) {
	.imgmaingrid {
		width: 46.9vw;
		height: 42.4vw;
		margin: 0px .625% 0px .625%;
	}
	.feat-headline {
		font-size: 24px;
	}
	span.italmarkers {
		font-size: 22px;
		letter-spacing: 0;
	}
	#lowergrid-mobile {
		height: 72.5vw;
	}
	.thumbs {
		width: 22.8vw;
		height: 22.8vw;
	}
	#mailto {
    	order: 3;
    	display: inline-block;
    }
	#aboutme {
		order: 4;
		background-image: url(../images/about.svg);
		background-size: auto 14px;
		background-position: left center;
		background-repeat: no-repeat;
		position: relative;
		top: 15px;
		left: 0;
		line-height:0;
		display: inline-block;
		width: 78px;
		height: 28px;
		margin: 0 0 0 5vw;
		background-color:#ffffff;
	}
	#aboutme:hover {
		border-bottom: 1px dotted #272727;
		webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
	#aboutme:after {
		content: "";
		background-image: url(../images/rightarrw-272727.svg);
		background-size: auto 9px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		left: -24px;
		top: 0;
		width: 28px;
		height: 28px
	}
	#impressum {
		order: 2;
		background-image: url(../images/impressum.svg);
		background-size: auto 14px;
		background-position: right center;
		background-repeat: no-repeat;
		position: relative;
		top: 15px;
		left: 0;
		line-height:0;
		display: inline-block;
		width: 72px;
		height: 28px;
		margin: 0 5vw 0 0;
		background-color:#ffffff;
	}
	#impressum:hover {
		border-bottom: 1px dotted #272727;
		webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
	#impressum:after {
		content: "";
		background-image: url(../images/leftarrw-272727.svg);
		background-size: auto 9px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		right: -24px;
		top: 0;
		width: 28px;
		height: 28px
	}
}

@media (orientation: landscape) and (max-width: 1000px) 
{
	.feat-headline {
		font-size: 3vw;
	}
	span.italmarkers {
		font-size: 2.5vw;
		letter-spacing: 0;
	}
}

@media (max-width: 500px) and (orientation: portrait) {
	.banner-project {
		display: none;
	}
	.imgB1.imgmaingrid,
	.imgB2.imgmaingrid,
	.imgB3.imgmaingrid,
	.imgB4.imgmaingrid,
	.imgB5.imgmaingrid,
	.imgB6.imgmaingrid {
		display: block;
	}
	.imgB2 .banner-video-cont-a,
    .imgB2 .banner-video-cont-b {
        width: 95%;
        height: 95%;
        overflow: hidden;
    }
}

@media (min-width: 725px) {
	#header {
		position: relative;
		top:76px;
		width: 97%;
		height: 72px;
		line-height:0;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0;
		z-index: 8888;
	}

	#header-center {
		order: 3;
		position: relative;
		top: 3px;
		height: 72px;
		padding: 0 10px;
		line-height: 0;
		display: inline-table;
	}

	#header-rightredrule {
		display: inline-block;
		order: 4;
	}
	#header-right {
		order: 5;
	}
}

@media (orientation: landscape) {
	#header {
		width: 100%;
		max-width: 100%;
	}
}


</style>
