@import url('reset.css');
*{box-sizing: border-box;}

 @font-face {
 					font-family: 'pixChicago';
 					src: url('../fonts/PixChicago.eot');
	}
 
 @font-face {
 					font-family: 'pixChicago';
 					src: url('../fonts/PixChicago.woff') format('woff'),
 					url('../fonts/PixChicago.svg#pixChicago') format('svg');
	}

@font-face {
					font-family: 'Panoptica-Pixel';
					src: url('../fonts/Panoptica-Pixel.eot');
 }

@font-face {
					font-family: 'Panoptica-Pixel';
					src: url('../fonts/Panoptica-Pixel.woff') format('woff'),
					url('../fonts/Panoptica-Pixel.svg#Panoptica-Pixel') format('svg');
 }
 
a {
	text-decoration: none;
}
a:hover {
	color: #ff404b;
}


h1 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 120px;
	color: #1A1A49;
	font-weight: 400;
	line-height: .7;
}

h2 {
	font-family: 'pixChicago', menlo, Monaco, monospace;
	font-size: 40px;
	color: #1A1A49;
	text-align: center;
}

h3 {
	font-family: 'Panoptica-Pixel', menlo, Monaco, monospace;
	font-size: 16px;
	color: #1A1A49;
	/* font-weight: 400; */
}

strong {
font-family: 'pixChicago', menlo, Monaco, monospace;
font-size: 18px;
color: #1A1A49;
}

body {
	background-color: #F6EB16;
}
	
#container{
	width: 604px;
	height: 862px;	
	margin: 85px auto;
	padding: -10px;	
}
	
.title_box{
	width: 604px;
	height: 147px;
	background-color: #fff;
	margin-bottom: 16px;
	padding: 15px;
}
	
.left_column{
	float:left;
}
	
.act_1_box{
	width: 295px;
	height: 69px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	margin-right: 15px;
}

.act_1_box img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%);	
}

		
.act_2_box{
	width: 293px;
	height: 690px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	float: right;
}

.empty_box_1{
	width: 295px;
	height: 65px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	padding: 9px;
}

.empty_box_1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%); 
	-o-transform: translate(-50%,-50%);	
}


.empty_box_3{
	width: 295px;
	height: 64px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	padding: 9px;
	text-align: center;
}

.act_3_box{
	width: 295px;
	height: 445px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
}