body {
	background-color: black;
}

h1 {
	font-size: 1.9rem;
}

h2 {
	font-size: 1.5rem;
}	

a {
	text-decoration: none;
}

#divCover {
	background-color: #b8b8b8;
	-webkit-print-color-adjust: exact !important;
	color-adjust: exact !important; /* Please note! This doesn't work with IE! */
	padding: 5px 0;
}

.title-area {
	display: flex;
	width: 90%;
}

.dc-faces {
	background-color: #333333;
	width: 90%;
}	

#aboutBox {
	background-color: rgba(184,184,184,0.7);
	display: none;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}
	#aboutBox > div {
		background-color: #ffffc8;
		height: 100%;
		padding: 15px;
		width: 90%;
	}

#previewBox {
	background-color: rgba(0,0,0,0.7);
	display: none;
	height: 100%;
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
}
	#previewBox div {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

#btnClose02 {
	right: 0;
	top: 0;
	z-index: 10;
}	

/* Restyling Bootstrap elements */

.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.navbar {
	background-color: #00546d;
}

.navbar-dark .navbar-nav .nav-link {
	color: #a8ebff;
	text-shadow: 0 3px 4px black;
}
	.navbar-dark .navbar-nav .nav-link:hover {
		color: white;
	}

.navbar-dark .navbar-toggler {
	border-color: #029cca;
}

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

.dropdown-menu {
	background-color: #008bb5;
}

.dropdown-item {
	color: black;
}
	.dropdown-item:hover {
		background-color: #014052;
		color: #008bb5;
	}	

.btn:focus {
	box-shadow: none;
}

.btn-primary {
	background-color: #008bb5;
	border: none;
}
	.btn-primary:focus {
		background-color: #008bb5;
		border: none;
	}
	.btn-primary:hover {
		background-color: #00ace0;
	}	

/* Small devices (landscape phones, 576px and up) ************************************* */
@media (min-width: 576px) {
	/*#divCover {
		padding: 4px 0 4px 0;
	}*/
	
}
	
/* Medium devices (tablets, 768px and up) ********************************************* */
@media (min-width: 768px) {
	/*#divCover {
		padding: 7px 0 7px 0;
	}*/

}

/* Large devices (desktops, 992px and up) ********************************************* */
@media (min-width: 992px) {	
	/*#divCover {
		padding: 10px 0 10px 0;
	}*/
	
	#aboutBox > div {
		width: 80%;
	}	
}

/* X-Large devices (large desktops, 1200px and up) ******************************** */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) ******************************** */
@media (min-width: 1400px) {
	#aboutBox > div {
		width: 70%;
	}	
}