html { 
  background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:white;
  padding: 0 1em;
}

main{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;

}
article{
	font-size:1.25em;
	line-height:2.125em;
	
}
.firstcharacter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 4em;
  line-height: 0.9em;
  padding-top: 0.10em;
  padding-right: 0.15em;
}
h1{
	/*font-size:2.5625em;
	margin-bottom:1.875em;*/
	font-weight:normal;
	font-family:Verdana;
}
time{
float:right;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color:transparent;
  color: #fff;
  cursor: pointer;
  border:1px solid white;
  outline: none;
  text-align: left;
  padding: 18px;
  width: 100%;
  transition: 0.4s;
  font-size:1.2em;
  margin-bottom:10px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #555;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}
.articleimage {
	width:100%;
}
footer {
    margin-top:10px;
}