html {
	height: 100%;
}

body {
	background: url(../img/theater.jpg);
	height: 100vh;
	display: flex;
	flex-direction: column;
}

section {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0;
}

.jumbotron {
	height: auto;
	position: relative;
	padding: 0 !important;
	background: #fff;
	text-align: center;
	margin-bottom: 0 !important;
}

/* Nav link sizing: readable on mobile, gently larger on bigger screens */
.navbar .nav-link {
	color: #fff !important;
	font-size: 1rem !important;
	padding: .5rem 1rem;
	border-right: none;
}

@media (min-width: 600px) {
	.navbar .nav-link {
		font-size: 1.0625rem !important;
	}

	.navbar .nav-item {
		border-right: 1px solid #fff;
	}

	.navbar .nav-item:last-of-type {
		border-right: none;
	}
}

@media (min-width: 1200px) {
	.navbar .nav-link {
		font-size: 1.125rem !important;
	}
}

.navbar-toggler {
	background-color: white !important;
}

.card-deck {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	margin-left: 20px !important;
	margin-right: 20px !important;
	font-size: 1.3rem !important;
}

.card-group {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	margin-left: 160px !important;
	margin-right: 160px !important;
}

ul.navbar-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration-color: white
}


ul.navbar-nav li a {
	display: block;
	text-align: center;
	text-decoration: none;
}

.img-fluid {
	max-width: 75% !important;
	height: auto;
}

.row2 {
	color: white;
	font-size: 1vw !important;
	text-align: justify-center;
	background-color: darkred;
}

.content {
	flex: 1 !important;
}

.display-4 {
	font-size: 4vw;
}

.input-id {
	font-size: 2vw;
}


/* Dropdown menu text color fix */
.dropdown-menu a {
	color: #000 !important;
}


/* Absolute final fix: force dropdown menu text to black */
.navbar .dropdown-menu .dropdown-item {
	color: #000 !important;
}