/* Body styles with back.gif as background */
body {
    
    background-color:#000;
    font-family: Georgia, serif;
}

.container {
	width:80%;
	margin:0 auto;
	background-color:#fff;
}

.lessons1 {
	float:left;
	max-width:30%;
}

.lessons {
	float:left;
	max-width:60%;
		color: #000;
	font-size:1.2em;
	padding-left:30px;
}

.lessons2 {
	float:right;
	max-width:30%;
	padding-right:30px;
}

.bottom {
	width:100%;
	background-color:#000;
}

a {
	color:green;
	text-decoration:none;
	font-family: 'Courier New';
}

a:hover {
	color:orange;
}

h1, p {
  margin: 0 0 1em 0;
}

h1 {
	color:maroon;
	font-size:24pt;
	 font-family: "Monotype Corsiva", cursive, sans-serif;
	letter-spacing:2px;
}

h2 {
	color:#ffee7f;
	font-size:20pt;
	letter-spacing:2px;
}

h3 {
	color:#c37fff;
	font-size:18pt;
	letter-spacing:2px;
}

h4 {
	color:#fff;
	font-size:16pt;
	font-style:italic;
	letter-spacing:2px;
}

/* Responsive layout for mobile screens */
@media (max-width: 1000px) {


}