html, body {
	margin: 0;
	padding: 0;
	background: black;
	background-image: url("./Photos/BBD-Background.jpg");
	}
		
body {
	color: #292929;
	font: 90% Roboto, Arial, sans-serif;
	font-weight: 300;
	}
		
.header {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
	}
	
#logo {
	 max-height: 110px; 
	 max-width: 686px;
	}	
		
div#header {
	margin-left: auto;
	margin-right: auto;
	width: 72%;
	background: #177050;
	}
		
.navbar {
	display: flex;
	position: sticky;
	top: 0px;
	cursor: pointer;
	background: #125940;
	}

.nav-list {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	}		

.nav-list li {
	list-style: none;
	padding: 0px 12px;
	}

.nav-list li a {
	text-decoration: none;
	color: white;
	}
		
.nav-list li a:hover {
	color: black;
	}
		
div#content {
	margin-left: auto;
	margin-right: auto;
	width: 72%;
	background: white;
	}
  
 div#container { 
	width: 90%;
	margin: auto;
	padding: 2%;
	}
 
 #homeimages {
	float: centre;
	margin: 0 15px 0 0;
	width: 30%;
	height: 30%;
	}
	
.float-right {
	float: left;
	padding-right: 2%;
	}
	
.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}