html, body {
	height: 100%;
	margin:0;
	padding:0;
}

body {
background-color: #fff;
color: #3f3f3f;
font-size : 1em;
font-family: sans-serif;
line-height: 1.5em;
margin : 0;
padding : 0;
padding-bottom: 50px;
}
banner {
}
#logo {
align-items: center;
display:flex;
flex-direction: row;
}
#logo img{
height : 250px;
margin:auto;
}
#logo A:link, #logo A:visited {
background-color:#96AC60;
border:solid 2px #635B51;
color:#000;
font-family: 'Annie Use Your Telescope', cursive;
font-size: 2.2em;
padding:10px;
text-decoration: none;
}
#logo A:hover, #logo A:focus {
background-color:#fff;
border:solid 2px #635B51;
color:#635B51;
}
A:link, A:visited {
color:#635B51;
}
A:hover, A:focus {
background-color:#96AC60;
color:#000;
text-decoration: none;
}
.container {
margin: auto;
padding : 2%;
padding-top:0;
padding-bottom : 50px;
margin-bottom: 150px;
width : 90%;
max-width: 650px;
}
main {
display:flex;
flex-direction: column;
justify-content: center;
}
h1, h2, h3, strong {
color:#635B51;
font-family: 'Annie Use Your Telescope', cursive;
line-height: 1.5em;
text-align: center;
}
h1 {
font-size: 5em;
}
h2 {
font-size: 3em;
}
h3 {
font-size: 2em;
}
strong {
font-size:3em}
p {
color:#5c554c;
line-height: 1.67em;
margin:auto;
max-width : 70%;
}


@media (max-width: 1000px) { 
body {
font-size: 1.2em;
}
.container {
width:98%;
}
p {
font-size : 2em;
line-height: 1.5em;
max-width : 100%;
}
h1 {
font-size: 4em;
}
#logo {
display:flex;
flex-direction: column;
font-size: .9em;
}
#logo A:link, #logo A:visited {
font-size: 3em;
margin-top:30px;
}

}