body{
    
  background-color: white;
   
}

.container {
	width: 70%;    
	margin: 0 auto; 
}

header {
padding: 0;
}

img {
	display: block; /* Images are inline by default, this makes our image block */ 
	margin: 0 auto; /* When block, an image can be centered */ 
	width: 100%; /* Tells image to occupy 100% of parent (which is container div) */ 
}

section {
padding: 2em;
background-color: rgba(225, 225, 225, .7);
padding-bottom: 4em;

}
ol {
display:block;
color: #b2b2b2;
font-family: 'PT Sans Narrow', sans-serif;
}

li {
	padding: .5em;
	margin-left: 2em;
    font-family: 'PT Sans Narrow', sans-serif;
}

section h1 {
color:#b2b2b2;
font-size:3em;
font-family: 'Amatic SC', cursive;
text-align: center;
}

a {
	color:#b2b2b2;
font-size:1em;
font-family:'PT Sans Narrow', sans-serif;
text-decoration:none;
}

a:hover {
	color:#ffbad9;
font-size:1em;
font-family:'PT Sans Narrow', sans-serif;
text-decoration:none;
}

.lists{
    

}