/* Navbar */
	
	
	#brandpic {
	
		width: 3em;
		height: 2em;
		margin-right: 0.5em;
	
	}
	

	.btn-primary {
		
		border: none;
		
	}

	.btn-primary:hover {
	
		color: #E2211B;
		background-color: #F9D334;
		border: none;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
	
	}
		
	#donate-link {
	 
		border-radius: 5px;
		background-color: #E2211B;
		text-transform: uppercase;
		padding-left: 10px;
		padding-right: 10px;
		color: white !important;
		
	}
	
	#donate-link:hover {
		
		/*background-color: black;*/ 
				
	}

	.dropdown-menu {
	
		background-color: #F9D334; 
		color: #56565A;
		margin: 0;

	
	}
	
	.dropdown-menu a {
		
		color: #56565A !important;
		margin-right: 0 !important;
		
	}
	
	.dropdown-item a {
	
		color: #56565A;
		margin: 0;
	
	}
	
	.dropdown-item:hover {
	
		background-color: #56565A;
		color: #F9D334 !important;
	
	}
	
	
	.navbar {
	
		background-color: white; /*#56565A;*/
		border-bottom: 5px solid #0EB4DC;
		color: #0EB4DC;
		padding: 0;
	
	}
	
	.navbar .navbar-nav .nav-link {
    
		color: #0EB4DC;
		font-size: 1.1em;
	
	}
	
	.navbar .navbar-nav .nav-link:hover {
    
		color: #F9D334;
	
	}
	
	.navbar-brand {
		
		font-family: 'Lato', sans-serif;
		font-size: 1.5em;
		text-decoration: underline;
		color: #E2211B !important;
		
	}
	
	.navbar-collapse {
		
		text-align: center;
		margin: 1em;
		margin-right: 0 !important;
	
	}
	
	.navbar .nav-item {
		
		padding: 0.5em;
		
	}
	
	.navbar .nav-item .active {
	
		/*background-color: #E2211B;*/
		border-radius: 5px;
		padding: cover;
		color: #E2211B !important;/*#56565A !important; */
	
	}
	
	.navbar .navbar-nav .nav-link::after {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
	  background-color: #E2211B;
	  color: transparent;
	  width: 0%;
	  content: '.';
	  height: 3px;
	
	}
	
	.navbar .navbar-nav .nav-link:hover::after {
	
		width: 100%;
	
	}
	
	.navbar-nav {
		
		float: right;
		
	}
	
	.navbar .navbar-nav .nav-link {
    
		position: relative;
		color: #000000;
		font-size: 1.5em;
		transition: all 0.5s;
	
	}
	
	#navbarNavDropdown a {
		
		color: #0EB4DC;
		
	}
	
	.sm-icons {
		
		flex-direction: row;
		justify-content: center;
	
	}
	
	@media only screen and (max-width: 600px) {
	
		.navbar-brand span {

				display: none;
			
			}
		
	}
	
	@media only screen and (max-width: 1200px) {
		
		.nav-item {
		
			padding-right: 1em;
		
		}
	
	}
	    
	
/* End Navbar */


/* Jumbotron */

	#contributeButton, #contributeEmail, #contributeZip {
		
		margin: 5px 5px 5px 0;
		display: none;
		
	}
	
	.display-4 {
	
		padding-top: 25px;
		font-weight: bold;
	
	}
	
	.jumbotron {
		margin: 0 auto;
		background: url(images/jackson.jpg);
		/* 
		linear-gradient(
			to left,
			rgba(0,0,0, 0),
			rgba(249,211,52, 0.5)
		  ), (might re-add some kind of linear gradient to the background image) 
		  */
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		width: 100%; 
		padding: 0.05rem 1rem;
		/* margin-bottom: 2rem; */
		
		font-weight: bold;
		overflow: hidden;
		display: flex;
		position: relative;
		color: white;
		box-shadow: 125px 150px 100px 50px white inset;
		
	}
	
	#jumbotronContent {
		
		float: left;
		padding: 0;
		max-width: 35vw;
		margin-bottom: 25px;
		z-index: 1;		
	}
	
	#jumbotronImage {
		
		min-height: 50%;
		max-height: 90%;
		position: absolute;
		bottom: 0;
		right: 0;
		max-width: 60vw;
	}
	
	.jumbotron h1 {
		
		color: #053B74;
		font-weight: 600;
		
	}
	
	.jumbotron h3 {
		
		color: #E2211B;		
	}
	
	.jumbotron .btn-primary {
		
		background-color: #0EB4DC;
		border: none;
		
	}
	.lead {
	
		font-weight: bold;
		color: #0EB4DC;
	
	}

	.underline {
	
		text-decoration: underline;
	
	}
	
	@media only screen and (min-width: 750px) {
		
		.jumbotron {
		
			min-height: 450px;
		
		}
	
	}
	
	
	
/*End Jumbotron*/
	

/* Main Body between Header/Jumbotron and Footer */

	#aboutBody {
		
		margin: 50px;
		
	}
	
	#aboutBody div{
		
		
		padding: 20px;
		
	}
	
	#aboutContainer {
		margin: auto;
		margin-bottom: 25px;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 550;
		display: flex;
		background-color: white;
		padding: 2.5rem;
		/* color: white; */
	}

	#aboutImageDiv {
		margin-top: 50px;
		flex: 2;
		background-image: url(images/aldenjohnson4.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 50%;
	}

	#aboutTextDiv {
		flex: 5;
		margin-left: 50px;
		justify-content: center;
	}
	
	#aboutTextDiv h2 {
		margin-bottom: 25px;
		color: #053B74;
	}

	.aboutPar {
		display: flex-col;
		color: #053B74;
		background-color: #F9D334;
		padding: 25px;
		border-radius: 20px;
	}
	
	#aboutContainer p {
		
		margin-left: 25px;
		
	}

	@media (max-width: 800px) {
		
		#aboutContainer {
			
			flex-direction: column;
			
		}
		
		#aboutImageDiv {
			
			display: none;
			
		}
		
		#aboutTextDiv {
			
			flex: 2;
			
		}

		.ms4ImageDiv {
			display: none;
		}
		
	}
	
		
	.aboutHR {
		margin: auto;
		width: 80%;
		color: gray;
	}
	
	#aboutMainBody {
		
		font-family: Arial, Helvetica, sans-serif;
		
	}
	
	body {
		
		height: 100%;
		
	}

	#ms4Container {
		
		margin: auto;
		margin-top: 25px;
		margin-bottom: 25px;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 550;
		display: flex;
		background-color: white;
		padding: 2.5rem;
		
	}
	
	/* #ms4Image {
		
		width: cover;
		max-width: 400px;
		float: left;
		margin-bottom: 25px;
		margin-right: 25px;
		border: 2.5px solid #555;
		border-radius: 3%;
		box-shadow: 10px 10px 10px #555;
	} */

	.ms4ImageDiv {
		
		flex: 2;
		min-height: 500px;
		background-image: url(images/msdistrict4-2.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 20px;
		
	}
	
	#ms4Container p {
		
		margin-left: 25px;
		
	}

	.ms4TextDiv {
		flex: 5;
		margin-left: 50px;
		justify-content: center;
	}

	.ms4TextDiv h2 {
		margin-bottom: 25px;
		color: #053B74;
	}

	.ms4Par {
		display: flex-col;
		color: #053B74;
		background-color: #F9D334;
		padding: 25px;
		border-radius: 20px;
	}

/* End Main Body */


/* Footer and Copywright Bar */

	#banner {
	
		width: 60%;
	
	}
	
	#contact {
		
		text-align: center;
		margin-bottom: 25px;
		
	}
	
	#copywrightBar {
		
		background-color: #E2211B;
		
	}
	
	
	footer a {
		
		text-decoration: none;
		
	}
	
	footer a:hover {
		
		color: #E2211B !important;
		
	}
	
	footer h5 {
		
		text-decoration: underline;
		margin-top: 40px;
		
	}
		
	#paidFor {
	
		color: black;
		border: 1px solid black;
		padding: 5px;
	
	}
	.text-white {
	
		background-color: #0EB4DC;
		
	}

/* End Footer and Copywright Bar */