body {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #aaaaaa;
	margin-top: 8px;
	background-color: #0f0f0f;
}

h1 {
	font-variant: small-caps;
	margin-top: 2px;
	margin-bottom: 50px;
}

h2 {
	display: block;
	font-size: 1.5em;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	margin-top: -50px;
}

.navbar {
	max-width: 710px;
	margin-left: auto;
	margin-right: auto;
}

.navbar-default, .navbar-default .navbar-nav>li>a  {
	color: #aaaaaa;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-align: left;
}

nav a:link, nav a:visited {
	color: #aaaaaa;
	text-decoration: none;
}

a.galleryLink, a.placesLink, a.eventsLink  {
	font-family: Times New Roman, Times, serif;
	color: #aaaaaa;
	display: block;
	line-height: 40px;
	text-decoration: none;
}

a.galleryLink:hover, a.placesLink:hover, a.eventsLink:hover {
	color: #ffffff;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.navbar-default, .navbar-default .navbar-nav>li>a  {
		border: none;
	}
	
	body .modal-content {
		width: 491px;
		margin-left: 10%;
	}

	.modal-body img {
		width: auto;
		max-width: 460px;
		max-height: 307px;
		height: auto;
	}
}

@media (min-width: 768px) {
	.navbar-default, .navbar-default .navbar-nav>li>a  {
		background-color: rgba(255, 0, 0, 0);
	}
	
	body .modal-content {
		width: 720px;
		margin-left: -12%;
	}
	
	.modal-body img {
		width: auto;
		height: auto;
		max-width: 690px;
		max-height: 460px;
	}

}

@media (min-width: 992px) {
	.navbar-default, .navbar-default .navbar-nav>li>a  {
		background-color: rgba(0, 255, 0, 0);
	}
	
	body .modal-content {
		width: 920px;
		margin-left: -27%;
	}
	
	.modal-body img {
		width: auto;
		height: auto;
		max-width: 890px;
		max-height: 596px;
	}

}

@media (min-width: 1200px) {
	.navbar-default, .navbar-default .navbar-nav>li>a  {
		background-color: rgba(0, 0, 255, 0);
	}
}

.navbar-default nav a:hover, .navbar-default .navbar-nav>li>a:hover{
	color: #ffffff;
	background-color: rgba(200,200,200,0.45);
}

.subModal-content {
	color: black!important;
	text-align: left;
	background-color: #f3f5f6;
	width: 300px!important;
	margin-top: 200px;
	margin-left: 25%!important;
}