html {
	background-color: white;
}

body {
	margin: 0;
    padding: 10px;
    font-family: 'Lora', serif;
    font-size: 22px;
    line-height: 1.6;
}

a {
	color: #00f;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#menu {
	margin-top: 3em;
}

#nav {
    font-size: 1.4em;
    z-index: 999;
    position: fixed;
}

#pages {
    text-align: center;
    margin-top: -200px;
}

img, iframe, video {
    display: block;
    margin-top: 200px;
    margin-bottom: 300px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

#videoAudio {
    margin-bottom: 0px;
}

button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 300px;
    text-align: center;
}

#unmute:hover {
    cursor: pointer;
}

@media screen and (max-device-width: 800px) {
    img, iframe, video { width: 100%; height: auto; }
}