header {
      text-align: center;
	  font-family: 'Helvetica', sans-serif;
	  font-size: 1em;
      background-color: #A5E5D4;
	  background-size: cover;
    }

	header ul {
		padding: 10px;
		background: rgba(249, 243, 237, 0.75);
	 }
	
	header li {
		display: inline;
		padding: 0px 10px 0px 10px;
        text-transform: uppercase;
        line-height: 1.6em;
        
	}
	
	header a {
		color: #242231;
		text-decoration: none;
	}

    header img {
        max-width: 80%;
        height: auto;
        padding: 50px;
    }
	
body {
	color: #242231;
	background-color: #f9f3ed;
	margin: 0 auto;
}

a {
	color: #f5aa93;
    text-decoration: none;
}

a:active {
	color: #f5aa93;
}

a:hover {
	color: #f5aa93;
}

#content {
    width: 80%;
    padding: 50px;
    margin: 0 auto;
}

.prose {
    font-family: 'Gentium Basic', serif;
    font-size: 15px;
    line-height: 1.6em;
    position: relative;
}

#headshot {
    float: right;
    position: relative;
    right: 0;
    margin-left: 40px;
}

.center_generic {
    text-align: center;   
}

#film {
    float: left;
    position: relative;
    width: 48%;
}

#live {
    float: right;
    position: relative;
    right: 0;
    width: 48%;
}

#credits {
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    clear: both;
}

.gallery {
    width: 150px;
    padding: 20px;
    display: inline-block;
}

#footer {
    font-family: 'Gentium Basic', serif;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    clear: both;
    padding: 10px;
}

@media (max-width: 500px) {
	body {
		color: #37A290;
		background-color: #f9f3ed;
		margin: 0 auto;
	}
	header img {
		max-width: 80%;
		height: auto;
        margin: 0 auto;
	}
    
    img {
        margin: 5px auto;
    }
    
    
}
/*37A290*/