body { background-color: #252525;
       color: #FFFFFF;
	   font-family: Tahoma, Arial, sans-serif; 
	   margin: 0;  
}

h2, h3, h4, div, ul, dl { padding-left: 1em; padding-right: 1em;}
header { background-color: #5A7CA8;
		background-image: url(banner.png);
		background-repeat: no-repeat;
		background-size: contain;
        color: #FFFFFF;
		height: 128px;
        padding-left: 105px;		 
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		font-size: 1.5em;
}
header a { text-decoration: none; }
header a:link       { color: #F2C94C; }
header a:visited { color: #F2C94C; }
header a:hover     { color: #D4AF37; }

nav {  text-align: center;
	  font-size: 1.5em;
}
nav a { text-decoration: none; }
nav a:link       { color: #F2C94C; }
nav a:visited { color: #FFFFFF; }
nav a:hover     { color: #D4AF37; }
nav ul { display: flex;
       flex-direction: column;
	   font-size: 1.25em;
	   list-style-type: none;
	   margin: 0;
       padding: 0; }
nav li { border-bottom: 1px solid #F2C94C;
       padding: .5em 1em;
      width: 100%; }
#mozart {
  height: 400px;
  background-image: url(mozart.jpg), url(mozart-banner.jpg), url(mozart-banner.jpg);
  background-repeat: no-repeat, repeat-y, repeat-y;
  background-position: center, left, right;
  background-size: contain, auto, auto;
}
#classic {
	width: 700px;
	height: 500px;
	background-image: url(classicmusic.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
	margin: 0 auto;
	display: block;
				}
				
#childhood {
	width: 500px;
	height: 400px;
	background-image: url(childhood.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
	margin: 0 auto;
	display: block;
}
#effect  {
	width: 500px;
	height: 400px;
	background-image: url(mozarteffect.png);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
	margin: 0 auto;
	display: block;
}
#legacy  {
	width: 600px;
	height: 500px;
	background-image: url(legacy.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
	margin: 0 auto;
	display: block;
}
#experience  {
	width: 600px;
	height: 500px;
	background-image: url(experience.jpg);
	background-repeat: no-repeat;
	background-position: center; 
	background-size: contain;
	margin: 0 auto;
	display: block;
}

footer{ background-color: #252525;
		font-size: 0.60em;
		font-style: italic;
		text-align: center;
		padding-bottom: 1em;
		border-top: 2px solid #F2C94C;
		}
h1 {text-align: center;}

audio {
	margin-left:  5em;
}

table {
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #F2C94C;
	border-collapse: collapse;
}

th, td {
	padding: 0.5em;
	border: 1px solid #F2C94C;
}

form { display: flex;
	   flex-direction: column;
	   padding-left: 1em; 
	   width: 80%; }
input, textarea { margin-bottom: .5em; }