body {
	font-family: 'Nunito', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

.bg-cover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-green {
	background-color: #48b04d;
}

.text-green {
	color: #48b04d;
}

.text-white {
	color: #fff;
}

.py-6 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

#welcome {
	background-image: url('/img/bg-hero.jpg');
}

#hero {
	background-color: #fff;
	padding: 1rem;
	border-radius: .8rem;
	opacity: .8;
}

@media screen and (min-width: 768px) {
	#hero {
		padding: 1.5rem 5rem;
	}
}

@media screen and (min-width: 992px) {
	#hero {
		padding: 1.8rem 7.5rem;
	}
}