body {
 /* padding-top: 50px; */
  background-image: url("https://www.superstitionplanning.com/images/background2.jpg");
}
.starter-template {
  padding: 80px 15px 15px 40px;
  text-align: center;
}
.container_login {

 padding: 80px 15px 15px 15px;
 max-width:650px;
 margin-right: auto;
 margin-left:auto;

}

/* darin's addition */

.white_background {
	background-color: White;
	}
.black_background {
	background-color: Black;
	}
	
.brown_background  {
background-image:url("https://www.superstitionplanning.com/images/brown_background.jpg");

}

.background_header  {
background-image:url("https://www.superstitionplanning.com/images/brown_background.jpg");
}



.navbar {
margin-bottom:0px;
 margin-top:206px;	
}

.padding-12 {
	padding: 12px;
}

.footer {
	padding: 18px;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}




@media screen and (max-width: 1024px) {
  
	.container_login > form:nth-child(2) > label:nth-child(1) > input:nth-child(2) {
		font-size:12pt;
	}
	.container_login > form:nth-child(2) > label:nth-child(3) > input:nth-child(2) {
		font-size:12pt;
	}
	#login {  /* the login button */
		font-size: 12pt;
	}
	
} /*  end 1024px */


@media screen and (max-width: 800px) {
  
	.container_login > form:nth-child(2) > label:nth-child(1) > input:nth-child(2) {
		font-size:16pt;
	}
	.container_login > form:nth-child(2) > label:nth-child(3) > input:nth-child(2) {
		font-size:16pt;
	}
	#login {  /* the login button */
		font-size: 16pt;
	}
} /* end 800px */

@media screen and (max-width: 480px) {
  
	.container_login > form:nth-child(2) > label:nth-child(1) > input:nth-child(2) {
	font-size:20pt;
	}
	.container_login > form:nth-child(2) > label:nth-child(3) > input:nth-child(2) {
		font-size:20pt;
	}
	#login {  /* the login button */
		font-size: 20pt;
	}
} /* end 480px */

.btn-round {
    border-radius: 30px;
}


#password { /* the paragraph above forgot password button */
	
	padding-top: 40px;
}