body {
	background: #17124a;
	background-repeat: repeat-x;
	color: #fff;
}
.content-wrap {
	position: relative;
	padding: 30px 0;
}
#header {
	position: relative;
}
#wrapper {
	position: relative;
}
#content {
	position: relative;
}
h1 {
	margin-top: 5px;
	font-size: 40px;
}
h2 {
	font-size: 22px;
	color: #fff;
	font-weight: 100;
	margin-bottom: 0;
	letter-spacing: 8px;
}
h3 {
	margin-top: 0px;
}
.logo {
	margin-top: 30px;
}
.gallery {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	margin: 0 auto;
    text-align: center;
}	
.gallery img{
	width: 100%;
	padding: 7px 0;
	transition: .5s;
}
.gallery img:hover {
	opacity: .5;
	transition: .3s;
	width: 90%;
}
@media (min-width: 577px) and (max-width: 768px) {
	.gallery {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.logo {
	    max-width: 50%;
	}
}
@media (max-width: 576px) {
	.gallery {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.logo {
	    max-width: 40%;
	}
	h2 {
	    font-size: 19px;
	}
	h1 {
	    font-size: 34px;
	}
}