* {
	margin:0;
	padding:0;
}

html {
	min-height:100%;
}

body {
width: 100%;
    height: 100%;
    background: #000000;
    background-size: auto 100%;
}

.logo {
	display:block;	
	border:none;
	width:auto;
	margin:80px auto;
}

.container {
	width:900px;
	margin:0 auto;
	text-align:center;
}


h2 {
	font-size:25px;
	line-height:35px;
	font-weight:100;
	margin-top:60px;
	padding-bottom:30px;
	display:none;
	color:#ffffff;
}

h2 a {
	color:#ffffff;	
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}


.section {
	color:#ffffff;
	text-decoration:none;
	width:164px;
	height:auto;
	display:inline-block;
	padding:0 20px;
	vertical-align:top;
	transition:all ease 0.8s;
	-webkit-transition:all ease 0.8s;
	-moz-transition:all ease 0.8s;
	-0-transition:all ease 0.8s;
}

.group {
	transform: translateY(70px);
	-webkit-transform: translateY(70px);
	-o-transform: translateY(70px);
	-moz-transform: translateY(70px);

	transition:all ease 1.2s;
	-webkit-transition:all ease 1.2s;
	-moz-transition:all ease 1.2s;
	-0-transition:all ease 1.2s;

	opacity:0;
}

.group.move {
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-moz-transform:translateY(0px);
	opacity:1;
}

.section img {
	width:100%;
	height:auto;
	margin:0;
}

.section h3 {
	padding-top:20px;
	font-family: "Times New Roman", Arial, sans-serif;
	font-size:21px;
	color:#ffffff;
	font-weight:100;
	color:#ffffff;
}

.section h3 span {
	font-size:25px;
	display:block;
	padding-bottom:5px;
	color:#ffffff;
}

.section.fade {
	opacity:0.5;
	transition:all ease 0.8s;
	-webkit-transition:all ease 0.8s;
	-moz-transition:all ease 0.8s;
	-0-transition:all ease 0.8s;
}

.box_container {
	overflow:hidden;
	width:164px;
	height:164px;

}

.section .box {
	width:164px;
	height:164px;
	background-size: 100%;
	position: relative;

	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;

	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
}

.section:hover .box {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);

	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
}


