@font-face {
	font-family: Lucida;
	src: url(LHANDW.TTF);
  }

body {
	background-image: url("bg.png");
	background-repeat: no-repeat;
	background-size: 25%;
	background-color: white;
	font-size: 1.5vw;
	background-attachment: fixed;
	background-position: center;
	margin: 0px;
}

#container {
	margin: 0 auto;
	width: 100%;
	text-align: justify;
	background-color: rgba(255, 255, 255, 0.8);
	min-height: 100vh;
	height: 100%;
}


.header {
	color: gold;
	padding: 10px;
	text-align: center;
	font-style: italic;
	background-color: black;
	font-size: 3vw;
}


.footer {
	font-style: italic;
	color: white;
	text-align: right;
	background-color: black;
	padding: 9px;

	clear: both;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
	}
}