h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: 700%;
	color: #202020;
	background-color: #2d2d2d;
    letter-spacing: .1em;
    text-shadow: 
      -1px -1px 1px #111, 
      2px 2px 1px #363636;
      padding: 1em;
      border: .2em;

 }



h2{
	line-height: 100%;
	font-size: 200%;
	font-weight: 700;
	background: #cccccc;
	padding: .5em;
	border:.2em;
  	margin:.5em;

}

.history{
	line-height: 100%;
	font-size: 100%;
	font-weight: 100;
	
}


body{
	font-family: 'Roboto', sans-serif;
	line-height: 70%;
	background: #151515;


	}

.first{
	font-size: 200%;
	font-weight: 500;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin:.5em;
  	background: #cccccc;
  	padding: .5em;
  }


.thin{
	font-size: 150%;
	font-weight: 100;
	text-align: left;
}

.thinitalic{
	font-size: 150%;
	font-weight: 100;
	text-align: left;
	font-style: italic;

}


.light{
	font-size: 150%;
	font-weight: 300;
	text-align: left;

}

.lightitalic{
	font-size: 150%;
	font-weight: 300;
	text-align: left;
	font-style: italic;

}

.regular{
	font-size: 150%;
	font-weight: 400;
	text-align: left;

}

.regularitalic{
	font-size: 150%;
	font-weight: 400;
	text-align: left;
	font-style: italic;

}

.medium{
	font-size: 150%;
	font-weight: 500;
	text-align: left;

}

.mediumitalic{
	font-size: 150%;
	font-weight: 500;
	text-align: left;
	font-style: italic;

}

.bold{
	font-size: 150%;
	font-weight: 700;
	text-align: left;

}

.bolditalic{
	font-size: 150%;
	font-weight: 700;
	text-align: left;
	font-style: italic;

}

.black{
	font-size: 150%;
	font-weight: 900;
	text-align: left;

}

.blackitalic{
	font-size: 150%;
	font-weight: 900;
	text-align: left;
	font-style: italic

}

#box_1{
	position: left;
	width: 800px;
	height: 450px;
	background: #cccccc;
	padding: .5em;
	text-align: center;
	border: .5em;
	display: inline-block;
}

#box_2{
	position: relative;
	padding: .5em;
	border: .5em;
	float: left;
	display: inline-block;
}