@charset "UTF-8";

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	margin: 0;	
	padding: 0;	
	border: 0;	
	font-size: 100%;	
	font: inherit;	
	vertical-align: baseline;
	}
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
	display: block;
	}
	
body {	
	line-height: 1.5;
	}
	
ol, ul {	
	list-style: none;
	}

blockquote, q {	
	quotes: none;
	}

blockquote:before, blockquote:after,q:before, q:after {	
	content: '';	
	content: none;
	}
	
table {	
	border-collapse: collapse;	border-spacing: 0;
	}	
	
/* end reset*/

a:link, a:visited {
    color: black;
    text-decoration: none;
}

a:hover, a:visited:hover
{
    color: grey;
    text-decoration: none;
}

body {
		background: white;
		color: black;
		height: 100%;
		width:100%;
		max-width: 100%;
		
	}
	
	#wrapper {
		width: 100%;
		height:100%;
		background: black;
	}

	#words {
		background-color:white;
		font-size:1.1em;
		color: black;
		text-align: center;
		padding:2% 10%;
		position: relative;
		border-top: 20px solid;
	  	border-bottom: 20px solid;
	  	border-image: url(img/color2.png) 30 stretch;
	  	font-family: 'Special Elite', sans-serif; 
	}

	#banner{
		justify-content: center;
		width: 40%;
		padding-top: 1%;
	}

	#bracket {
		
	}
	
	h1 {
		font-size: 2em;
		text-align: center;
		/*font-family: 'IM Fell Double Pica', serif;*/
		font-family: 'Special Elite', sans-serif;

	}

	.images {
		min-height:1000px;
		position: relative;
		background-color: black;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
	}

	#header {
		width: 70%;
		position: fixed;
		top:20%;
		left:15%;
	}
	
	#pt1 {
		background-image: url("img/hippies.jpg");
	}

	#pt1_5{
		background-image: url("img/lsdlab.png");
	}

	#pt1_75{
		background-image: url("img/lab.png");
	}
	
	#pt2 {
		background-image: url("img/albert_hoffman.jpg");
	}

	#pt2_5 {
		background-image: url("img/making.png");
	}
	
	#pt3 {
		background-image: url("img/room.png");
	}

	#pt3_5 {
		background-image: url("img/official.png");
	}
	
	#pt4 {
		background-image: url("img/experiment.png");
	}

	#pt4_5 {
		background-image: url("img/experiment3.jpg");
	}
	
	#pt5 {
		background-image: url("img/protestors.jpg");
	}
	
	/*#pt6 {
		background-image: url("img/flower.jpg");
	}*/

	#credit {
		font-size: 0.8em;
	}
	
	.bio{
		font-size: 1.5em;
	}

	#footer {
		padding:1%;
		background: white;
		text-align: center;
		font-size: 0.9em;
		font-family: 'Special Elite', sans-serif;
		border-top: 20px solid;
	  	border-image: url(img/color2.png) 30 stretch;
	}

	#cover {
		width: 100%;
		height:100%;
		background-image: url("img/flower.jpg");
		background-size: cover;
	}

	#bio {
		font-size: 1.1em;
		border: 20px solid;
	  	border-image: url(img/color2.png) 30 stretch;
		font-family: 'Special Elite', sans-serif;
		background-color: white;
		text-align: center;
		width: 35%;
		padding:2% 5%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.return {
		font-size: 1.3em;
	}

	.footer {
		display: none;
	}