body {
	font: 18px 'Google Sans Flex', Helvetica, Arial;
	font-weight: 300;
	background: #222;
	color: #fff;
}

.navbar {
	background: #000;
	.btn {
		margin-left: 10px;
	}
	.nav-link {
		font-size: 0.8em;
		color: #FFF;
		&:hover {
			color: #31D2F2;
		}
	}
}

.btn {
	border-radius: 100px;
}

.hero {
	width: 100%;
	height: 700px;
	background: url(../imgs/banner.jpg) no-repeat center top #000;
	background-size: cover;
	padding: 150px 0;
	.hero-card {
		width: 80%;
		margin: auto;
		color: #FFF;
		padding-top: 300px;
	}
}

section {
	padding: 100px 0;
	h2 {
		margin: 20px 0;
	}
	.row {
		margin: 20px 0;
	}
}

#sobre {
	background-color: #111;
	.card {
		i {
			margin-bottom: 20px;
		}
		padding: 20px;
		box-sizing: border-box;
		background: transparent;
		color: #FFF;
		border: 1px solid #333;
		height: 150px;
	}
}

h2 {
	margin-bottom: 50px !important;
}

h3 {
	margin: 30px 0;
}

p {
	line-height: 30px;
}

#eventos {
	background-color: #000;
}

.modal {
	color: #222;
}

.card {
	img {
		border-radius: 5px 5px 0 0;
	}
	margin-bottom: 20px;
}

#patrocinio {
	background-color: #1e1d1d;
	a {
		color: #FFF;
	}
}

#parceiros {
	.card {
		img {
			border-radius: 10px;
		}
	}
}

#equipe {
	background: #111;
	.equipe {
		border-radius: 100px;
		border: 5px solid #FFF;
		width: 80%;
	}
}

strong {
	font-weight: bold;
}

footer {
	background: #000;
	padding: 30px 0; 
	a {
		color: #FFF;
		text-decoration: none;
		margin-left: 10px;
	}
}

.img {
	border-radius: 100%;
	width: 60%;
}

#contato {
	background: #222;
}

label, .form-control {
	margin-bottom: 10px;
}

.footer {
	background: #000;
	color: #666;
	a {
		color: #666;
		&:hover {
			color: #FFF;
		}
	}
}

#login, .certificados {
	width: 400px;
	margin: 50px auto;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	color: #000;
	background: #FFF;
	box-shadow: 0 0 10px #000;
	a {
		text-decoration: none;
	}
}

#main {
	.card-1 {
		border-radius: 10px;
		background: #FFF;
		color: #111;
		a {
			display: inline-block !important;
			width: auto;
			color: #111;
		}
	}
}

@media (max-width: 480px) {
	footer {
		img {
			width: 90%;
		}
	}
	.col-12 {
		margin: 20px 0;
	}
	.navbar-toggler {
		background: #FFF;
	}
}