#ny-time {
	font-family: 'jr_regular';
	font-size: 17px;
	line-height: 22px;
	color: #B9CAFF;
	letter-spacing: 0;
	font-weight: lighter;
	font-variation-settings: "wght" 20, "slnt" 0, "disp" 10;
}


.introText_name {
	position: fixed;
	left: 345px;
	text-align: left;
	z-index: 800;
	mix-blend-mode: exclusion;
	pointer-events: none;
	
	font-family: 'jr_titling';
	font-weight: lighter;
	letter-spacing: -0.1em;
	color: white;
	font-variation-settings: "wght" 25, "slnt" 0, "disp" 100;
	font-size: 25vw;
	line-height: 0.9em;
	display: inline;
	transition-duration: 1s;
	}

	#namescroll {
		top: calc(100vh - 20vw);
	}

	#namescroll_out {
		top:100vh;
	}


.infoText_block {
	position: fixed;
	top: 30px;
	left: 30px;
	width: 240px;
	height: calc(100vh - 30px);
	padding-right: 60px;
	border-right: solid 1px #4D4D4D;

}

.projects_block {
	position: absolute;
	left: 365px;
	width: calc(100vw - 410px);
	margin-top: calc(100vh - 1vw);
	padding-bottom: 15px;
	display: grid;
  	grid-template-columns:  1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  	column-gap: 10px;
  	float: left;
  	max-width: 1600pxs;
}

.newProjects {
	position: relative; 
	height: calc(25vw - 0px);
	margin-bottom: 10px;
	border-radius: 4px;
	overflow: hidden;
	background-position: center;
}

.newText {
	grid-column: span 7;
	position: relative; 
	border-radius: 2px;
	padding: 0px 0px 15px 0px;
	text-align: right;
	color: #ffffff !important;
}

.newVideo {
	position: relative; 
	height: calc(25vw - 0px);
	margin-bottom: 10px;
	border-radius: 4px;
	overflow: hidden;
	background-position: center;
	display: flex;
  	justify-content: center;  /* horizontal center */
  	align-items: center;      /* vertical center */
}

#X2 {
	grid-column: span 2;
}

#X3 {
	grid-column: span 3;
}

#X4 {
	grid-column: span 4;
}

#X5 {
	grid-column: span 5;
}

#X7 {
	grid-column: span 7;
	height: 20vw;
}

#X5-Tall {
	grid-column: span 5;
	height: calc(40vw - 0px);
}

#X2-Tall {
	grid-column: span 2;
	height: calc(40vw - 0px);
}

#X7-Tall {
	grid-column: span 7;
	height: 40vw;
}

.fill {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.clock {
	position: absolute;
	bottom: 30px;
}

.hideMobile {
		display: block;
	}

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

	.introText_name {
		position: fixed;
		left: 350px;
		text-align: left;
		z-index: 800;
		mix-blend-mode: exclusion;
		width: calc(100vw - 380px);
		
		font-family: 'jr_titling';
		font-weight: lighter;
		letter-spacing: -0.1em;
		color: white;
		font-variation-settings: "wght" 25, "slnt" 0, "disp" 100;
		font-size: 20vw;
		line-height: 0.9em;
		display: inline;
	}

	#namescroll {
		top: calc(100vh - 20vw);
	}

	#namescroll_out {
		top:100vh;
	}

	.projects_block {
		margin-top: calc(100vh - 4vw);
		grid-template-columns:  1fr 1fr;
	}

		#X2 {
			grid-column: span 2;
		}

		#X3 {
			grid-column: span 2;
		}

		#X4 {
			grid-column: span 2;
		}

		#X5 {
			grid-column: span 2;
		}

		#X7 {
			grid-column: span 2;
			height: 18vw;
		}

		#X5-Tall {
			grid-column: span 2;
			height: calc(60vw - 0px);
		}

		#X7-Tall {
			grid-column: span 2;
			height: 30vw;
		}

		#X2-Tall {
			grid-column: span 2;
		}

	.newProjects {
		height: calc(30vw - 0px);
	}

	.newText {
		grid-column: span 2;
	}

	.newVideo {
		height: calc(30vw - 0px);
	}


}

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

	.topmenu {
		display: none;
	}

	.topmenu_button {
		display: none;
	}

	.introText_name {
		position: fixed;
		left: -125px;
/*		left: calc(50% - 145px);*/
		text-align: left;
		height: 200px;
		width: 800px;
		z-index: 800;
		mix-blend-mode: exclusion;
		transform: rotate(90deg);		
		font-family: 'jr_titling';
		font-weight: lighter;
		letter-spacing: -0.1em;
		color: white;
		font-variation-settings: "wght" 25, "slnt" 0, "disp" 100;
		font-size: 280px;
		line-height: 0.85em;
		display: inline;
	}

	#namescroll {
		top: 300px;
	}

	#namescroll_out {
		top: calc(500px + 100vh);
	}

	.infoText_block {
		position: fixed;
		top: 15px;
		left: 15px;
		width: 130px;
		height: calc(100vh - 15px);
		padding-right: 15px;
		border-right: solid 1px #4D4D4D;
	}

	.projects_block {
		position: absolute;
		left: 175px;
		width: calc(100vw - 190px);
		padding-left: 0px;
		margin-top: 800px;
	  	grid-template-columns:  1fr 1fr;
		display: grid;
	  	column-gap: 5px;
	  	float: left;

	}

		#X2 {
			grid-column: span 2;
		}

		#X3 {
			grid-column: span 2;
		}

		#X4 {
			grid-column: span 2;
		}

		#X5 {
			grid-column: span 2;
		}

		#X7 {
			grid-column: span 2;
			height: 25vw;
		}

		#X5-Tall {
			grid-column: span 2;
			height: calc(60vw - 0px);
		}

		#X7-Tall {
			grid-column: span 2;
			height: 40vw;
		}

		#X2-Tall {
			grid-column: span 2;
		}

	.newProjects {
		height: calc(40vw - 0px);
		margin-bottom: 5px;
		border-radius: 2px;
	}

	.newText {
		grid-column: span 2;
		margin: 30px 0px 30px 0px;
	}

	.newVideo {
		display: none;
		height: calc(40vw - 0px);
		margin-bottom: 5px;
		border-radius: 2px;
	}

	.hideMobile {
		display: none;
	}


}