/*--------------
  General
----------------*/

html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
	font: normal 62.5%/1.3 "jaf-bernino-sans", sans-serif;
	background: #fff;
	color: #777;
	font-weight: 400;
	letter-spacing: -0.02em;
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
}

a { 
	text-decoration: none; 
	transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	color: rgb(242,102,73); 
	border-bottom: 1px solid rgba(242,102,73,0.2); 
}

a, a:hover, a:active, a:visited { outline: 0px; }

a:hover { color: red; }

.footer .info a:hover {
	color: rgb(153,63,48);
	border-bottom: 1px solid rgba(153,63,48,0.5); 
	padding-bottom: 1px;
}

img { outline: 0; border: 0; }

.wrapper {	position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.container {
  width: 70%;
  height: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  box-sizing:border-box;
}

/*--------------
  Content Bits
----------------*/

.soon { display: table; width: 100%; height: 80%; box-sizing:border-box;}

.seriously {display: table-cell; text-align: left; vertical-align: middle; box-sizing:border-box;}

.soon .seriously h1 { 
	font-size: 4.8em; 
	color: rgb(242,102,73);
	font-weight: 300;
	letter-spacing: -0.04em;
}

.rik {
	/*display: table-cell;*/
	float: left;
	text-align: left;
}

.rik h2 {
	width: 80px;
	height: 48px;
	margin: 0;
}

.footer {
  width: 100%;
  /*display: table;*/
  height: 98px;
  padding: 30px 0;
  box-sizing:border-box;
}

.footer .info {
	text-align: right;
	/*display: table-cell;*/
	float: right;
	font-size: 1.6em;
	margin-top: 14px;
	width: 70%;
}

/*--------------
  Media Queries
----------------*/

@media screen and (min-width: 1600px) {
	
	.soon {
		height: 86%;
	}

}

@media screen and (max-width: 600px) {
	
	.container {
		width: 80%;
	}
	.footer .info {
		font-size: 1.45em;
	}

}

@media screen and (max-width: 568px) {
	
	.soon {
		height: 78%;
	}
	.soon .seriously h1 { 
		font-size: 4em; 
	}

	.footer .info a {
		transition: all 0s;
		-webkit-transition: all 0s;
	}

	.footer .info a:hover {
		color: rgb(242,102,73); 
		border-bottom: 1px solid rgba(242,102,73,0.2); 
		padding-bottom: 0px;
	}

}

@media screen and (max-width: 400px) {
	
	.container {
		width: 90%;
	}

	.soon .seriously h1 { 
		font-size: 3.5em; 
	}
	
	.rik h2 {
		width: 60px;
		height: 36px;
	}

	.footer .info {
		font-size: 1.3em;
		margin-top: 8px;
	}

}