@charset "UTF-8";
/* CSS Document */

html { height: 100%; min-height: 550px;  }

html, body {
	margin:0;
	padding:0;
}

body {	
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	text-align:center;
	color:#fff;
}

img { border:0; }

a { color:inherit; text-decoration:none; }
a:hover { color:#ad6960; text-decoration:none; }
a:active, a:focus { outline:0; }

a, a:hover, .section-a-link, .section-a-link:hover, .animacion, .animacion:hover { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

.clear { clear:both;  }

b, strong { font-weight:600; }

div:nth-child(1) {
	z-index: 1;
	position: fixed; top: 0;

	width: 100%;

	background: #fff;
	
	box-shadow: 0 0 50px 10px #333;
}

div:nth-child(1) > div {
	position: relative;
	
	width: 100%;
	height: 100%;
}

div:nth-child(1) img {
	position: absolute; right: 0; bottom: 30px; left: 0;
	
	margin: auto;
	
	width: 80%; max-width: 350px;
	height: auto;
}

div:nth-child(2) {
	position: fixed; bottom: 0;

	width: 100%;
	
	background-image: linear-gradient(#5389bf, #225180);

}

ul {
	margin: 0;
	padding: 40px 0 0 0;
}

ul > li {
	margin: 0;
	padding: 0 0 20px 0;
	
	list-style: none;
}

@media only screen and (max-width:499px) {
	body {	
		font-size:14px;
		line-height:16px;
	}

	div:nth-child(1) { height:50%; }	
	div:nth-child(2) { height:50%; }
}

@media only screen and (min-width:500px) {
	body {	
		font-size:16px;
		line-height:18px;
	}
	
	div:nth-child(1) { height:50%; }	
	div:nth-child(2) { height:50%; }	
}