body {
	background: #e20122;
	background-image: url(../images/bg-rojo.jpg);
	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: 5px;
}
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%;
	}
	video {
		max-width: 100%;
	}
	.title-header {
	    font-size: 20px;
	    text-align: center!important;
	    letter-spacing: 2px;
	}
	.center-on-sm {
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 576px) {
	.gallery {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.logo {
	    max-width: 40%;
	}
	h2 {
	    font-size: 16px;
	}
	h1 {
	    font-size: 34px;
	}
	video {
		max-width: 100%;
	}
	.title-header {
	    letter-spacing: 2px;
	    text-align: center!important;
	}
	.center-on-sm {
		margin: 0 auto;
		text-align: center;
	}
}