@font-face {
	font-family: 'IBM';
	src: url('/IBM.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	url('/IBM.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

a:hover {
	text-decoration: underline;
}  

noscript {
	overflow-x: hidden;	
	max-height: 100vh;
	max-width: 100vw;
	font-family: 'IBM';
	background-color: black;
	color: white;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: auto;
}

body {
	overflow-x: hidden;	
	max-height: 100vh;
	max-width: 100vw;
	font-family: 'IBM';
	background-color: black;
	color: white;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: auto;
}

.block-1 {
	top:0;
	flex-grow:1;
	height:100vh;
	max-width: 35%;
}

.block-2 {
/*      Bad idea ahead */
        top: 0; 
        position: relative;
        min-width: 66vw;
        right:0; 

	flex-grow:2;
	min-height:100vh;
	height:100%;
	background-color: white;
	color: black;
}

.details {
	margin-top: -1.5%;
	font-size: 80%;
	padding: -4%;
	max-width: 60%;
}

a {
	color: white;
	text-decoration: none;
}

.block-2 a {
	color: black;
}

.header {
	font-size: 125%;
}

.tagline {
	margin-top: -4.5%;
}

.lblock {
	padding-left: 1%;
}

.rblock {
	clear: both;
	padding-left: 2%;
	min-width: 100%;
}

.aright {
	float: right;
}

.aleft {
	float: left;
	max-width: 25vw;
}

.r2block {
	width: 50vw;
}

@media (max-width: 700px) {
	.block-2 {
		display: none;
	}
	.block-1 {
		min-width: 100vw;
		min-height: 100vh;
	}
}