body {
	
	font-family: arial;
	background-color: black;
	
}

.jumbotron {
	
	background-color: black;
	font-family: Helvetica Neue,;
}

.drop-shadow {
	
	text-shadow: 0px 8px 8px rgba (0, 0, 0.153);
}

.lead {
	
	color: gray;
	font-size: 1.2rem;
}

h1 {
	
	font-color: gray;
}

.btn-outline-light {
	
	border-color: white;
}

.mybox1 {
	
 background-color: black;
 min-height: 200px;
 margin: 20px 10px;
 padding: 20px;
}

.mybox2 {
	
 background-color: gray;
 min-height: 200px;
 margin: 20px 10px;
 padding: 20px;
 
}

.mybox3 {
	
 background-color: black;
 min-height: 100px;
 margin: 20px 10px;
 padding: 20px;
 
}

.mybox4 {
	
 background-color: black;
 min-height: 200px;
 margin: 20px 10px;
 padding: 20px;
 text-align: center;
}

.mybox5 {
	
 background-color: black;
 min-height: 30px;
 margin: 20px 10px;
 padding: 20px;
 
}

.mybg1 {
	
 background-color: gray;
}

.container {
	
	margin-top: -20px;
	

}

.reports1 {
	
	margin-top: 50px;
	margin-bottom: 20px;
}

.reports2 {
	
	margin-top: 0px;
	margin-bottom: 20px;
}

.access {
	
	margin-top: 0px;
	margin-bottom: 0px;
	align-text: center;
}


.btn:focus, a:focus {

         outline: none;
}
.navbar-toggler:focus {
         
		 outline: none !important;
         box-shadow: none;
		 	 
}

/*Responsive Google Map*/
	
	.google-map {
	     padding-bottom: 50%;
	     position: relative;
	}

	.google-map iframe {
	     height: 100%;
	     width: 100%;
	     left: 0;
	     top: 0;
	     position: absolute;
	}