html {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'Montserrat', sans-serif;
	/*font-family: 'Kaushan Script', cursive;*/
	margin: 0 0;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	/*background-color: #fff5e6;*/
	background: url('../images/bg.jpg') no-repeat;
	width: 100%;
	height: 100%;
	background-size: 200%;
}

/*
Fonts:

font-family: 'Patua One', cursive;
font-family: 'Fredoka One', cursive;
font-family: 'Satisfy', cursive;
font-family: 'Gochi Hand', cursive;
font-family: 'Patrick Hand SC', cursive;
font-family: 'Caveat', cursive;

font-family: 'Lexend Giga', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Gloria Hallelujah', cursive;
font-family: 'Lilita One', cursive;
font-family: 'Lemonada', cursive;
font-family: 'Mali', cursive;
font-family: 'Shojumaru', cursive;
font-family: 'Kadwa', serif;
font-family: 'Capriola', sans-serif;
font-family: 'Delius', cursive;
font-family: 'Itim', cursive;
font-family: 'Merienda One', cursive;
font-family: 'Amiko', sans-serif;
font-family: 'Doppio One', sans-serif;
font-family: 'Baloo Bhaina', cursive;
font-family: 'Lemon', cursive;
font-family: 'Belgrano', serif;
font-family: 'Jua', sans-serif;
font-family: 'Krona One', sans-serif;
font-family: 'Delius Unicase', cursive;
*/

#navbar {
	background: transparent;
}

#brand {
	text-transform: uppercase;
	color: #e2e2e2;
	font-size: 22px;
	font-weight: 600;
	font-family: 'Delius', cursive;
	letter-spacing: 4px;
}

.form-container {
	position: absolute;
	top: 15vh;
	width: 100%;
	background: #fefefe;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px orange;
}

.form-control {
	border-radius: 5px;
	border: 1px solid orange;
	box-shadow: 0px 0px 2px 0px orange;
}

#submit {
	background: #dd7e01;
	text-transform: uppercase;
	font-weight: 600;
	border-color: #dd7e01;
	letter-spacing: 1px;
	margin-top: 40px;
}

#submit:hover {
	background: #b36b00;
	border-color: #dd7e22;
	font-weight: 600;
}

.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}

.footer {
  text-align: center;
  margin-top: auto;
  background-color: #dd7e01;
  color: #fff;
  font-weight: 500;
}

@media only screen and (max-width: 678px) {
	.bg {
		background-size: 300%;
	}
}