body {
	font-family: 'Asap', sans-serif;
	background: #fff;
	color: #333;
}

#fundo {
    height: 100vh;
    padding-top: 180px;
    background-image: url('../img/background/index.jpg');
    background-size: cover;
}

.navbar {
	height: 100px;
	background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	z-index: 9998;
}

.navbar-brand {
	position: absolute;
	left: 50%;
	display: block;
	text-align: center;
	transform: translatex(-50%);
	z-index: 9999;
}

.logo {
	width: 230px;
}

.blocos {
	max-width: 768px;
	font-family: 'Asap', sans-serif;
}

.aviso {
	color: #666;
}

.btn {
	font-family: 'Asap', sans-serif;
    width: 45%;
}

footer {
	font-family: 'Asap', sans-serif;
	background: #000;
	color: #ccc;
}

@media (max-width: 576px) {

    .btn {
        width: 95%;
    }

}

@media (min-width: 0px) and (max-width: 375px) {

	.logo {
		width: 200px;
	}

}