body {
	background-color: black;
}
h2{
    color:chartreuse;
    border:solid black 2px;
    border-radius: 4px;
    text-align:center;
    
}
.jumbotron {
	color: white;
	
	background: linear-gradient(to right, rgba(120, 0, 0, 0.0), rgba(0, 0, 0, 0.1) ), 
							url('../img/bg.jpg');
							
	background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;	
}

.jumbotron h1, .jumbotron h2, .jumbotron h3 {
	margin: 0px;
}

.jumbotron h1 {
	font-size: 3em;
	font-weight: 100;
}

.jumbotron h2 {
	font-size: 1.5em;
	font-weight: 300;	
	color: #eec;
}

.jumbotron h3 {
	font-size: 1.2em;
	font-weight: 600;	
	color: #bec;
}	


section {
	border: 1px solid #aaf;
	border-radius: 5px;
	padding: 5px 10px 0px;
	margin-bottom: 5px;
}

section h3 {
	font-size: 1.0em;
	background-color: #446;
	color: #ddf;
	padding: 5px;
	margin: -5px -10px 5px;
}

main {
	padding: 15px;
	margin: 0 0 30px 0;	
	background-color: white;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

footer {
	color: rgba(255,255,255,0.6);
	text-align: center;
}

footer li, footer ul {
	padding: 0;
	margin: 0;
}
footer li {
	margin: 0px 10px;
	list-style: none;
	display: inline;
	
}

footer a {
	color: #bec;
}

.card {
	margin-bottom: 6px;
}

.card-title {
	color: #007bff;
	border-bottom: 1px solid #66affc;
	font-size: 1.2em;
	
}

.card h5, .card h6 {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 900;
}

article, aside {
	margin-bottom: 15px;
}

@media print {
	
	header, nav, aside, footer {
		display: none;
	}
	body, article {
		color: black;
		background-color: white;
	}
	article {
		flex: none !important;
		max-width: 100% !important;
	}
	.jumbotron {
		background: none !important;
	}
	section h3 {
    background-color: white !important;
    color: black !important;
    border-bottom: 1px solid #888;
    margin: 0px 0px 12px !important;
    padding: 0px !important;
	}
	section {
		border: none;
    padding: 0px !important;
    margin: 0px 0px 24px !important;
	}
}