@import url('https://fonts.googleapis.com/css?family=Cabin:400,500|Open+Sans');
/*font-family: 'Open Sans', sans-serif;*/

/*index*/

html {
	background-color: #4485E3;
	/*background: linear-gradient(#4485E3, #173164) fixed no-repeat;*/
	background: linear-gradient(-60deg, #173164, #4485E3, #173164) fixed no-repeat;
	height: 100%;
}

body {
	background: url('../images/grid-250.png') fixed repeat;
	height: auto;
    font-family: 'Cabin', sans-serif;
    font-size: 16px;
}

a {
	text-decoration: none;
	transition: 0.5s;
}

a:hover {
	color: #173164;
	text-decoration: none;
}

img {
	background-color: transparent;
}

header, nav {
	text-align: center;
}

header img {
	padding: 50px 0;
}

.stripe {
	background-color: #ccd6e2;
}

nav {
	padding: 15px 0 0;
}

.nav-img {
	background: url('../images/nombre.png') center no-repeat;
	width: 155px;
	height: 55px;
	display: inline-block;
	transition: 0.5s;
}

.nav-img:hover {
	background: url('../images/nombreHover.png') center no-repeat;
}

@media (max-width: 995px) {
	.nav-img {
		padding: 0 40% 10px;
		border-bottom: solid 2px #465581;
		margin-bottom: 10px;
	}
}

.links {
	color: #465581;
	font-size: 1.8em;
	font-weight: 500;
	text-transform: uppercase;
	top: -15px;
}

.showcaseReel{
	margin-top: 150px;
	background-color: rgba(204,214,226,0.2);
}

footer a {
	float: right;
	color: #465581;
	padding: 10px 0;
}