main{height: 800px;}
body { background-image: url(nightaur.png);
    background-repeat: repeat;
    background-size: 100%;}
h1 {text-align: center;
    color: #201f7a;
    font-size:3em;
    text-decoration-style: double;
    text-shadow: 3px 2px 5px #666;}
h2 {text-align: center;
    color: #fff;}
h3 {text-align: center;
    font-style: italic;
    font-size: 4em;
    text-shadow: 3px 2px 5px #666;}
h4 {font-size: 4em;}
nav{float: none;
    width: auto;
    padding-top: 0;
    font-size: 1.25em;} 
ul{padding-left:3em;
    list-style-type:none;
    text-shadow: 3px 2px 5px #666;
    padding-right:3em;}
#HeavenCloud{background-image: url(heaven.jpg);
    background-repeat: repeat;
    background-size: 100%;
    height: 700px;
    position:relative; top: 20px;}
#wrapper {background-image:url(moon.png);
    background-repeat: no-repeat;
    min-width: 900px;
	max-width: 960px;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
    position:relative; top: 40px;}
p.solid{border-stye: solid;}
footer{
	font-style: italic;
	text-align: center;
	padding-bottom:10px;
    min-width: 700px;
    max-width: 760px;
    margin-left: auto;
    margin-right:auto;
	border-top:2px;
	font-size: 1.5em;
    width: 80%;
    color:#fff;}
a {font-style: italic;
    color: #fff;}
p {padding-top: 40px;
    text-shadow: 3px 2px 5px #666;
    text-align: left; 
    font-weight: bold; 
    font-size: 2em;
    color: #fff;}
@media screen and (max-width : 760px){
    ul {position: static;
        display: none;
        }
    li {margin-bottom: 1px;
        }
    ul li, li a {
        width: 100%;
        }
    }