nav{
	background-color:#272525;
}
ul#menu {
    margin-left: 200px;
}
#menu li:hover{
	background: #E5E5E5;
}
#menu li:hover a{
	color: #272525;
}
#menu li a{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	transform: scaleY(1.2);
}
#menu li a:hover {
    background: none;
}
header .brand-logo {
    margin-left: 1em;
    margin-top: 5px;
}
header .brand-logo img {
    max-height: 50px;
}

.nav-social li:hover{
	background: white;
}
.nav-social li:hover .fa-twitter{
	color: #0084b4;
}
.nav-social li:hover .fa-facebook-square{
	color: #3B5998;
}
.nav-social li:hover .fa-instagram{
	color: #fb3958;
}
.nav-social li:hover .fa-youtube{
	color: #ff0000;
}
.nav-social li:hover .fa-medium-m{
	color: #66cdaa;
}

#hero{
	position: relative;
}
#hero li {
    width: 25vw;
    height: 13.1vw;
    cursor: pointer;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    filter: grayscale(.8);
}
#hero li:hover {
	filter: none;
}
section#hero {
    height: 39.3vw;
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#hero ul {
    margin: 0px;
    padding: 0px;
    right: 0px;
    top: -13.1vw;
    position: absolute;
}

#hero .bigBanner {
    width: 75vw;
    height: 39.3vw;
    float: left;
	background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#hero h4{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	transform: scaleY(1.2);
	text-shadow: 1px 1px 2px white;	
}
#hero .coverButton{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#contenidos .contenedor{
	background: white;
	width: 70vw;
	margin-left: 15vw;
}

#contenidos .seccion{
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0px;
}

#contenidos h5{
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	transform: scaleY(1.2);
}

footer{
	background: #4A4A4A;
	color: white;
	padding-top: 1em;
	font-size: .9em;
	line-height: 2em;
}
footer a{
	color: white;
}
footer a:hover{
	color: rgba(255,255,255,.8);
}
footer svg{
	margin-right: 1em;
}
footer .nav-social li:hover{
	background: none;
}
footer .row {
    margin-bottom: 0px;
}

/***** Ajustes tablet ***/
@media only screen and (max-width: 992px) {
	#contenidos .contenedor{
		width: 100vw;
		margin-left: 0px;
	}

}
/***** Ajustes mobile ***/
@media only screen and (max-width: 600px) {
	#hero .bigBanner {
	    width: 100vw;
	    height: 40vw;
	    float: left;
	}

	#hero ul{
		display: none;
	}
	#contenidos .contenedor{
		width: 100vw;
		margin-left: 0px;
	}

}