body {
	 font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
figure {
	width: 170px;
	height: 170px;
	margin-right: 50px;
	overflow: hidden;
}
h1 {
	font-weight: 300;
	color: #000000;
}
h2 {
	font-weight: 300;
	color: #000000;
}
a { text-decoration:none;}

#first{
width:1238px;
   height:538px;
   border:2px solid black;
	position:center;
	left:50%;
}

.column {
	padding: 0;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	float: center;
	width: 170px;
	height: 170px;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	width: 170px;
	font-size: 18px;
	font-weight:500;
	text-decoration: none;
	transition: .3s ease-in-out;
	opacity: 1;
}
.column span:hover {
	color:black;
	text-decoration:none;
	transition: .3s ease-in-out;
	opacity: 1;
}
.column figure:hover {
	background-color: #ffffff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
}
.column figure img {
	opacity: 1;
	transition: .3s ease-in-out;

}
.column figure:hover img {
	 transform: translate3d(0, 0, 0) rotate(-3600000deg);
    transition: transform ease-out 15000s;
	opacity: 0.3;
}