* { 
margin: 0; 
padding: 0; 
}


a {
	color: #d6f6ff;
	text-decoration:none;
}
a:hover {
	color: #fff;
}

body {
	width: 100%;
	background-color: #045;
	text-align: center;
	font: 1em "Helvetica Neue", helvetica, arial, sans-serif;
	color: #d6f6ff;
}

.container {
	width: 50vw;
	margin: auto;
	padding: 1.5vw 0;	
}

#nav {
	background: #00aad4;
	color: #fff;
}

#times {
	background: #006680;
}


ul {
	list-style-type:none;
    display: flex;
    justify-content: space-between;
}

ul li {
	display: inline;
	font-size: 1.25vw;
}
li span {
	color: #fff;
}

#title {
	background-image: url("bism3.svg");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50%;
	margin-top: 5vh;
}

h1 {
	font-family: Georgia, Serif;
	text-align: left;
	font-weight: normal;
	font-size: 3vw;
	color: #fff;
}
h2 {
	text-align: left;
	font-weight: normal;
	font-size: 1.25vw;
}

#times .container {
    display: flex;
    justify-content: space-between;
	padding: 4vw 0;	
}

dd {
	font-size: 1vw;
}
dt {
	color: #fff;
	font-size: 1.75vw;
}

@media (max-width: 700px) and (orientation: portrait) {
	#title {
		background-origin: content-box;
		margin-top: 0;
	}
	.container {
		width: 90vw;
		padding: 5vw;
	}
	h1 {
		font-size: 8vw;
	}
	h2 {
		font-size: 3.5vw;
	}
	ul li {
		font-size: 4vw;
	}
	#times .container {
	    display: block;
		padding: 3.3vw 0;
	}
	dl {
		display: flex;
		justify-content: space-between;
		margin: 7vw 5vw;
	}
	dd, dt {
		display: inline;
		font-size: 8vw;
	}
}