/*
 * The Cuesta Experience
 * http://thecuesta.com.br
 *
 * http://wde.com.br
 * v0.1 | 20191001
 *
*/


html { font-size: 14px; background: #FFF; background-image: url('../img/bg_marrom.jpg'); background-position-x: center; background-repeat: repeat; background-size: 100%; }
body { font: 400 1em/1.2em 'Asap Condensed'; color: #444444; }


h1,h2 {
	position: relative;
	text-indent: -9999px;
	width: 472px;
	display: block;
	margin: 0 auto;
}
h1 {
	background: transparent url('../img/thecuesta_logo.png') 0 0 / 472px no-repeat;
	height: 373px;
	margin-top: 4%;
}
h2 {
	background: transparent url('../img/thecuesta_slogan.png') 0 0 / 472px no-repeat;
	height: 69px;
}

div.teaser { margin-top: 80px; }
div.teaser p {
	font: italic 400 1.8rem/102% 'Asap Condensed';
	text-align: center;
	margin: 10px auto;
}
div.teaser p a { color: initial; text-decoration: none; font-style: normal; font-weight: 700; transition: all 0.15s linear 0s; }
div.teaser p a:hover { color:#FF0000; }

div.social {
	width: max-content;
	margin: 0 auto;
}

div.social ul {
	margin: 50px auto;
	padding: 0;
}

div.social li {
	display: inline-block;
	font-size: 3rem;
	vertical-align: middle;
	margin: 0 18px;
}
div.social li a { transition: all 0.15s linear 0s; }
div.social li a:link, div.social li a:visited { color: #740f07; }
div.social li a:hover { color: #f00; }

footer { margin: 100px auto; }
footer p { text-align: center; margin: .5em auto; }
footer p a { text-decoration: none; font-weight: 600; color: #740f07; transition: all 0.15s linear 0s; }
footer p a:hover { color: #f00; }