@charset "UTF-8";
/* CSS Document */

/* CSS Document */



/* ==========================================================================
								===	CSS Reset ===
========================================================================== */


@font-face {
    font-family: 'teachers-italic';
    src: url('../teachers-font/Teachers-BoldItalic.woff') format('woff'),
  		url('../teachers-font/Teachers-BoldItalic.woff2') format('woff2');

}

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,
li, 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 */
li, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body{
	height:100%;
	 -webkit-text-size-adjust: 100%;
	 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
body {
	line-height: 1.3em;
}
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;
}

/* ==========================================================================
								===	Global Styles ===
========================================================================== */

::placeholder {
	color: #f4c5ff;
	opacity: 1; /* Firefox */
  }

img {
	border:none
}

a {
   outline: 0;
   text-decoration:none;
}
:focus, :active {
outline: 0;
}

li {
	list-style-type: none;
}

h1{
	font-family: 'teachers-italic', Teachers, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size:3.5em;
	color: #702eac;
	margin:15px;
}
p{
	line-height: 1.5em;
	font-family: 'teachers', Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff;
	padding: 15px;
}


body, h1, h2, h3, h4, li, ol p{
	margin: 0px;
	padding: 0px;
}

/* ==========================================================================
							 	===	Header  ===
========================================================================== */

header{
	height:140px;
	background-color: #702eac;
	position:relative;
  	max-width: 100%;
  	overflow: hidden;
	top:0;
}
object.logo{
  	position:absolute;
  	height:120px;
  	left: 50%;
  	margin-top:10px;
    margin-left: -65px;
}

	object.logo img{
      	position:absolute;
	}

/* ==========================================================================
							 	===	Main  ===
========================================================================== */

main {
	height: 700px;
	width:100%;
	background-image: url(../imgs/layout/Confused-Hilde-Alpha.png);
	background-size: 600px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #fff;
	position:relative;
	clear:both;
}

		main article{
			display:inline-block;
			position:absolute;
			padding:2%;
			margin:2%;
			top:25%;
		}
		@media only screen and (min-width: 47em) {
			main article.left{width:50%; float:left; right:30%;}
			main article.right{width:50%}
			}
	main p{
		background:#fff;
		border:2px solid #702eac;
		padding:20px;
		display:block;
		font-family: Teachers, Arial, Helvetica, sans-serif;
		font-size:1em;
		z-index: 99;
		color:#702eac;
		box-shadow: 5px 5px #702eac;
		width:80%;
		}

/* ==========================================================================
							 ===	footer  ===
========================================================================== */

footer{
	width: 100%;
	height:800px;
	background-color: #702eac;
	background-image: url(../imgs/layout/Grim-Reading.png);
	background-repeat: no-repeat;
	background-size: 800px;
	z-index: 99;
	background-position: left bottom;
	position:relative;
	clear:both;
}

	footer article{
		display:inline-block;
		padding:2%;
		margin:2%;
		width:80%;
		}
		
		@media only screen and (min-width: 47em) {
		footer article.about{width:50%;}
		footer article.contact{
			width:50%;
			float:right;
			position:absolute;
			top:5%;
			right:5%;
		}
		}
	footer h1, footer a{
		color:#fff;
		}

/* ==========================================================================
						===	form styles  ===
========================================================================== */

p.form{
	padding: 0px 15px 0px 15px;
}

input, textarea{
	background:#702eac;
	border:2px solid white;
 	-webkit-appearance: none;
  	-webkit-border-radius: 0px;
	padding:5px;
	margin:15px;
	display:block;
	font-family: Teachers, Arial, Helvetica, sans-serif;
	color:#fff;
	box-shadow: 5px 5px #fff;
	width:100%;
}
	input[type=submit]{
		font-family: Teachers, Arial, Helvetica, sans-serif;
		width:100px;
		background:#fff;
		box-shadow:
			7px 7px #702eac,
			9px 9px #fff;
		color:#702eac
	}
	input:focus, textarea:focus,
	input[type=submit]:hover{
		border:2px solid #f4c5ff;;
	}
		
	textarea{
		resize:none;
		height:225px;
		width:100%;
	}