a,li,#header,#navbar, li, article, body, div, footer, header,figure, h1, h2, h3, nav, p {
   border: 0;
   padding: 0;
   margin: 0;
}

html {
    font-size: 10px
}

p{
    font-size: 1.5em;
    line-height: 1.5em;
    color: white;
}

body {
    background-image: url(pictures/grey-background-07.jpg);
    margin: 0 auto;
    max-width: 100%;
}

h1{
    text-align: center;
    font-size:4em;
    padding: 
}

h2{
    margin-top: 1em;
    font-size: 3em;
    clear: both;
    color: white;
}

h3,h4,h5,h6{
    margin-top: 1em;
    font-size: 2em;
    clear: both;
    color: white;
}

#packages{
    margin-top: 1em;
    font-size: 3em;
    clear: both;
    color: white;
}
  
#header{
    width:100%;
    height: 80px;
    background: #333;
}

#navbar{
    width: 1300px; 
    height: 80px;
    border: 1px solid white;
    float: right;
}

#navbar>li {
    width:200px;
    list-style: none;
    float: left;
    
}

#navbar a:hover{
    font-weight: 600;
}

li>a{
    display: block;
    color: white;
    line-height: 80px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
}

article{
    margin: 0 auto;
    padding: 0.1em;
    background-color: #333;
}

article>div{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 3% 1em;
    overflow:auto;

}

 footer{
   padding: 0.6em;
   text-align: center;
   font-size: 1.5em;
   color: white;
   background-color: #333;
   border: 1px solid white;
     
}

article li{
    font-size: 1.5em;
    color: white;
}

/*Picture Positioning*/
#dragonwars{
    width:300px;
    height:150px;
}

#bandung{
    width: 290px;
    height: 300px;
    position: absolute;
    top: 250px;
    left: 400px;
}

#darthvader{
    width: 250px;
    height: 300px;
    position: absolute;
    top: 250px;
    left: 690px;
}

#darthvadercoffeecup{
    width: 335px;
    height: 300px;
    position: absolute;
    top: 250px;
    left: 940px;
}

#wizcupcakes{
   width: 240px;
   height: 210px;
   position: absolute;
   top: 550px;
   left: 450px;
}

#lavacake{
  width: 250px;
  height: 210px;
  position: absolute;
  top: 550px;
  left: 690px;  
}

#icecream{
 width: 335px;
 height: 210px;
 position:absolute;
 top: 550px;
 left: 940px;
}

#corndogs{
 width: 290px;
 height: 218px;
 position: absolute;
 top: 760px;
 left: 400px;
}

#pizza{
 width: 584px;
 height: 218px;
 position: absolute;
 top: 760px;
 left: 690px;
}

#hobbit{
  width: 300px;
  height: 200px;
  position: absolute;
  top: 250px;
  left: 380px;
}

#starwarsuno{
  width: 300px;
  height: 300px;
  position: absolute;
  top: 450px;
  left: 380px;
}

#runewars{
  width: 300px;
  height: 200px;
  position: absolute;
  top: 250px;
  left: 680px;
}

#magick{
  width: 300px;
  height: 300px;
  position: absolute;
  top: 450px;
  left: 680px;
}

#starwarsmono{
  width: 280px;
  height: 200px;
  position: absolute;
  top: 250px;
  left: 980px;
}

#landsymbols{
  width: 290px;
  height: 300px;
  position: absolute;
  top: 450px;
  left: 980px;
}

@page{
     0.75in
}