@charset "UTF-8";
body {
background-color: #98515b;
}

h1 {
color: rgba(255,255,255,1.00);
font-family: "American Typewriter";
font-size: 1.5em;
margin-top: 2%;
margin-left: 16%;
margin-right: auto;
margin-bottom: 2%;
}

h2 {
font-family: "PT Mono", "PT Mono Bold";
color:#FFFFFF;
font-size: 1em;
text-align: center;
margin-bottom: 1%;
}

h3 {
font-family: "PT Mono", "PT Mono Bold";
color: #FFFFFF;
font-size: 75%;
text-align: center;
margin-bottom: 1%;
}

p{ 
font-family: "PT Mono", "PT Mono Bold";
color: #FFFFFF;
font-size:.75em;
width: 90%;
margin-bottom: 2%;

}

.desert {
width: 40%;
margin-left: 30%;
transition: all .8s ease-in-out;
opacity: 65%;
}



.wonka {
width: 40%;
margin-left: 30%;
transition: all .8s ease-in-out;
opacity: 65%;
}
.waahoo {
width: 40%;
margin-left: 30%;
transition: all .8s ease-in-out;
opacity: 65%;	
}



.fs {
width: 80%;
margin-left: 15%;
}

.ss {
width: 80%;
margin-left: 15%;
}

.papers {
width: 80%;
margin-left: 15%;
}

@media (min-width: 768px){
	h1{
	font-size:2.25em
	}
	
	h2 {
font-size: 1.7em;
	}
	
	h3 {
font-size: 1.2em;
	}
	
	p {
font-size: .9em;
	}
}
@media (min-width:1043px) {
	h1 {margin-left: 33%;}
}
@media (min-width: 1280px) {
h1{
	font-size:3em;
	margin-left: 26%;
	}
	
	h2 {
font-size: 2.5em;
	}
	
	h3 {
font-size: 1.8em;
	}
	
	p {
font-size: 1.3em;
	}
	
	.desert:hover {
width: 50%;
margin-left: 25%;
opacity: 100%;
}
	
	.wonka:hover {
width: 50%;
margin-left: 25%;
opacity: 100%;
}
	
	.waahoo:hover {
	width: 50%;
margin-left: 25%;
opacity: 100%;
	}
}