@charset "utf-8";

body {
	background-image: none;
	background-position: center top;
	background-repeat: no-repeat
}

@media (min-width: 768px) {
	body {
		background-image: url(./header-background.jpg?6)
	}
}

.form-control, .btn {
	border-radius: 2rem
}

.btn {
	font-weight: 700
}

.btn-sm, .btn-lg {
	text-transform: uppercase
}

img.rounded-circle {
	width: 150px
}

form {
	max-width: 240px
}

@media (min-width: 960px) {
	form {
		max-width: 720px
	}
}

#top {
	background-color: #28A745;
	background-image: url(./top-background.png);
	background-position: center;
	background-repeat: repeat-x
}

.join-block > div {
	background-image: url(./form-background.png);
	background-position: center top;
	background-repeat: repeat-x
}