/* style.css */

body {
  min-height: 75rem;
  padding-top: 4.5rem;
}

.navbar {
	padding: 1.6rem 0 .8rem 2.8rem;
	background-color: #fff;
}

.navbar-brand img {
	display: inline;
}

main {
	margin-top: 2rem;
}

h3 {
	font-size: 1rem;
}

h4 {
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

.main_content {
	margin-top: 2rem;
	padding-left: 1.9rem;
	padding-right: 1.9rem;
	min-height: 50rem;
}

.page_title {
	margin-top: 2rem;
	margin-bottom: .15rem;
	color: #ff0066;
}

#video_1 {
	width: 70%;
	height: 70%
}

p {
	margin-bottom: .2rem;
	font-size: .95rem;
}

.event_description {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.event_description p {
	margin-bottom: .8rem;
}

.eoys_images {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.caption {
	padding-top: .4rem;
	padding-bottom: 1.2rem;
	text-align: center;
}

.caption p {
	font-size: .85rem !important;
	color: #5d6062;
	color: #6d7072;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 2.2rem 1rem 1rem 1rem;
	background-color: #333;
}

footer p {
	color: #afafaf;
	font-size: .7rem;
}

.btn-eoyshow {
	background-color: #ff0066;
	color: #fff;
}

/* To get rid of the blue glow on the button after clicking on it */
.btn-eoyshow.focus, .btn-eoyshow:focus {
	outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 600px) {
	.navbar-brand img {
		display: block;
		margin-top: 1rem;
	}

	.navbar {
		padding-top: .2rem;
		padding-bottom: .5rem;
	}

	.page_title {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.main_content {
		margin-top: 6rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#video_1 {
		width: 100%;
		height: 100%
	}
}