#links {
	margin: 15px auto;
	vertical-align: middle;
	height: auto;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
}
.hyper, .hyper-2, .hyper-3 {
	width: 33.33%;
	height: 120px;
	float: left;
	text-align: center;
	display: block;
}
.hyper-2 {
	height: 150px;
}
.hyper-3 {
	width: 50%;
}
.hyper img.links, .hyper img.links2, .hyper-3 img.links {
	margin: 5% auto;
	height: 75%;
}
.hyper-2 img.links {
	margin: 12% auto;
	height: 50%;
}
.bbb-links {
	margin: 5% auto;
	height: 75%;
}
.hyper a, .hyper-2 a, .hyper-3 a {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: ease-in-out;
} 
.hyper a:hover, .hyper-2 a:hover, .hyper-3 a:hover {
	opacity: .5
}