@font-face {
 font-family: 'myfont';
 src:url(../fonts/flux.woff);
}
::selection {
 color: #fff;
 background: #009FE3;
}
::-moz-selection {
 color: #fff;
 background: #009FE3;
}
body, html {
	width: 100%;
	height: 100%;
}
h1 {
	font-family: "myfont";
	font-weight:lighter;
}
h6 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#666;
	line-height:1.5;
}
h6 a {
	font-weight:bold;
	color:#666;
}
body, h2, h3, h4, h5 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.btn.outline {
	background: none;
	padding: 12px 22px;
}
.btn-primary.outline {
	color:#FFF;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active {
	color:#fff;
	border-color:#fff;
	border: 1px solid #fff;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #fff;
	color: #fff;
	box-shadow: none;
}
.btn-primary:active:focus {
	border-color: #fff;
	color: #fff;
	box-shadow: none;
	background: none;
}
.btn {
	color:#FFF;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 10px 16px;
}
.btn-lg {
	font-size: 18px;
	line-height: 1.33;
	border-radius: 14px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
}
.intro-header {
	padding-bottom: 50px;
	text-align: center;
	color: #f8f8f8;
	background: url(../img/lusiada_background.jpg) no-repeat center center;
	background-size: cover;
}
.intro-message {
	position: relative;
	padding-top: 12%;
	padding-bottom: 12%;
}
.intro-message img {
	padding-bottom: 4%;
}
.intro-message > h1 {
	margin: 0;
	font-size: 5em;
}
.intro-divider {
	width: 460px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.rodape {
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

@media(max-width:767px) {
 .intro-message {
 padding-bottom: 15%;
}
 .intro-message > h1 {
 font-size: 3em;
}
 ul.intro-buttons > li {
 display: block;
 margin-bottom: 20px;
 padding: 0;
}
 ul.intro-buttons > li:last-child {
 margin-bottom: 0;
}
 .intro-divider {
 width: 100%;
}
}



footer {
	padding: 28px 0;
	background-color: #f8f8f8;
}