html {
	margin: 0;
	padding: 0;	
}

body {
	margin: 0;
	padding: 0;
	background: #03365D;
	color: white;
	font-family: "goudy-old-style", serif;
}

a {
	color: white;
	text-decoration: none;
	border-bottom: 2px solid #9B5022;
}

a:hover {
	border-color: white;
}


header {
	padding: 50px;
	text-align: center;	
}

#header-logo {
	width: 500px;
	height: 95px;
	margin: auto;
	background: url("../images/logo.svg") center center no-repeat;
	background-size: 100% auto;
}

#header-logo span {
	display: none;
}

#content {
	padding: 0 50px;
	text-align: center;
}

#video {
	max-width: 1300px;
	margin: 0 auto;
	text-align: center;	
} 

#video iframe {
	border-radius: 10px;	
}

#show-promo {
	max-width: 700px;
	margin: auto;
	padding: 30px 0;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: 100;
}

#show-promo h1 {
	font-weight: 500;
	text-align: center;
	font-size: 55px;
	line-height: 56px;
	margin: 20px 0 10px;
	padding: 0;
}

#show-promo h2 {
	font-family: "Condor", sans-serif;
	font-weight: 200;
	font-size: 34px;
	line-height: 35px;
	text-align: center;
	margin: 0 0 50px;
	padding: 0;
}

#show-info .date-time {
	position: relative;
	display: inline-block;
	margin: 40px auto;
	background: #9B5022;
	padding: 12px 20px;
	text-align: center;
	border-radius: 3px;
}

#show-info .date-time:before {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 100%;
	left: -65px;
	top: 0;
	background: url("../images/flourish-left.png") center center no-repeat;
	background-size: auto 100%;
}

#show-info .date-time:after {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 100%;
	right: -65px;
	top: 0;
	background: url("../images/flourish-right.png") center center no-repeat;
	background-size: auto 100%;
}

#show-info .date {
	padding-bottom: 5px;
	font-size: 28px;
	line-height: 30px;
}

#show-info .location {
	width: 450px;
	margin: auto;
	padding: 30px 0;
	display: flex;
	gap: 30px;
}

#show-info .location img {
	display: block;
	width: 125px;
	height: auto;
}

#contact-info {
	text-align: center;	
	line-height: 22px;
}

#contact-info a {
	font-size: 18px;
}

footer {
	padding: 50px 0 20px;
	text-align: center;
	color: #9B5022;
	font-family: arial, sans-serif;
	font-size: 16px;
}


@media screen and (max-width: 620px) {

	header {
		padding: 30px;
	}	

	#header-logo {
		width: 280px;
		height: 80px;
	}

	#content {
		padding: 0 20px;
	}
	
	#show-promo h1 {
		font-size: 50px;
		line-height: 50px;
	}
	
	#show-promo h2 {
		font-size: 28px;
		line-height: 30px;
		margin: 0 0 40px;
	}
	
	#show-info .date-time {
		margin: 30px auto;
		padding: 12px 15px;
	}
	
	#show-info .date {
		font-size: 24px;
		line-height: 34px;
	}
	
	#show-info .time {
		font-size: 17px;
	}
	
	#show-info .location {
		width: auto;
		margin: auto;
		display: block;
	}
	
	#show-info .location img {
		margin: 0 auto 25px;
	}
	
	#contact-info {
		text-align: center;	
		line-height: 22px;
	}
	
	#contact-info a {
		font-size: 18px;
	}
	
	footer {
		padding: 50px 0 20px;
		text-align: center;
		color: #9B5022;
		font-family: arial, sans-serif;
		font-size: 16px;
	}
		
}