
/* Generics */

body {
	color: #6E849E;
	font-family: "Times New Roman", Times, serif;
	padding: 0;
}

.text-middle {
	position: absolute;
	top: 15%;
	left: 0;
}

.text-bottom {
	position: absolute;
	bottom: 1rem;
	left: 0;
}

/* Navigation */

#nav-container .navbar {
    background-color: #6E849E;
}

#nav-container .navbar-brand {
	margin: 0;
}

#nav-container .navbar-nav {
	max-width: 1024px;
	font-size: 20px;
}

#nav-container  .nav-link {
	line-height: 1.2;
	padding: 0;
}

	@media (max-width: 768px) { 	
		#nav-container .nav-link {
			margin: 6px;
		}	
	}

#back-to-top {
	position: fixed;
    bottom: 5px;
	right: 5px;
	background-color: #6E849E;
	border: none;
	color: white;
	opacity: 0;
    transition: all 1s;
	z-index: 100;
}

#back-to-top.active {
	opacity: 1;
}
	
	#back-to-top:hover {
		background-color: rgba(110, 132, 158, 0.7);
		color: white;
	}

/* Carousel */

#myCarousel {
	margin: 40px 0 0 0;
}

	#myCarousel img {
		height: auto;
		
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}

	#myCarousel .carousel-item {
		height: 300px;
	}

	#myCarousel .slide-1 .carousel-caption {
		bottom: 70px;
	}

		#myCarousel .slide-1 .carousel-caption p {
			color: #563135;
			font-size: 24px;
			text-shadow: 1px 1px 2px #FFFFF1;
		}

			#myCarousel .slide-1 .carousel-caption p.title {
				padding-left: 82px;
			}

	#myCarousel .carousel-caption p.citation {
		font-size: 20px;
	}
	
	#myCarousel .carousel-caption p.author {
		font-size: 18px;
	}
	
	@media (max-width: 768px) { 
		#myCarousel .carousel-caption {
			padding: 10px 0;
		}
	
		#myCarousel .carousel-caption p.citation {
			font-size: 18px;
		}
		
		#myCarousel .carousel-caption p.author {
			font-size: 16px;
		}
	}
			
	#myCarousel .slide-2 .carousel-caption p.citation {
		color: #FDFDBF;
		font-style: italic;
		text-shadow: 1px 1px 4px #110602, -1px -1px 4px #110602, 1px -1px 4px #110602, -1px 1px 4px #110602;
	}

	#myCarousel .slide-2 .carousel-caption p.author {
		color: #110602;
		text-shadow: 1px 1px 4px #FDFDBF, -1px -1px 4px #FDFDBF, 1px -1px 4px #FDFDBF, -1px 1px 4px #FDFDBF;
	}

	#myCarousel .slide-3 .carousel-caption p.citation {
		color: #FDF5E2;
		font-style: italic;
		text-shadow: 1px 1px 4px #111214, -1px -1px 4px #111214, 1px -1px 4px #111214, -1px 1px 4px #111214;
	}

	#myCarousel .slide-3 .carousel-caption p.author {
		color: #FDF5E2;
		text-shadow: 1px 1px 4px #111214, -1px -1px 4px #111214, 1px -1px 4px #111214, -1px 1px 4px #111214;
	}

	#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev {
		min-width: 20px;
		width: 5%;
	}

/* Main */

.row {
	padding: 20px 0 0 0;
}

	.row h1 {
		font-size: 28px;
		font-weight: bold;
		padding: 0 0 10px 0;
		text-align: center;
	}

	.row h2 {
		font-size: 20px;
		font-weight: bold;
		padding: 0 0 10px 0;
	}

	.row h3 {
		font-size: 16px;
		font-style: italic;
		padding: 0 0 10px 0;
	}

	.row a {
		color: #6E849E;
	}

	.row p {
		font-size: 15px;
		line-height: 1.3;
		text-align: justify;
	}

	.row .row-content {
		border-left: 1px solid #6E849E;
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
	}
	
		.row .alert .row-content {
			border-left: 1px solid #721c24;
		}

.contact-information .fa {
	width: 20px;
}

#map {
    border: 0;
    height: 450px;
    width: 100%;
}

/* Footer */

footer .row p {
	font-size: 13px;
	margin: 0 0 8px 0;
}

	footer .row p.copyright {
		font-size: 12px;
		margin: 40px 0 20px 0;
	}

footer img {
	max-height: 200px;
}
