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

body {
margin: 0;
padding: 0;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
background:#E7E2CC;
}

p a.pies {
	background: #000000;
	padding: 5px;
	
}


.wrap {
max-width: 800px;
margin: 2em auto;
padding: 2em;
}

.wrap img.logo {
width: 70%;
margin: 0 15%;
padding: 0;
min-width: 250px;
}

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

.centered {
	text-align: center;
}

iframe {
width: 560px;
height: 315px;
}

.intro {
font-size: 1.25em;
line-height: 1.75em;
font-style: italic;
}

.attribute {
margin-left: 2em;
font-weight: bold;
}

p {
margin: 1em 4em;
font-size: 1em;
line-height: 1.5em;
color:#383838;
}

p.line {
border-bottom: 1px solid #383838;
padding-bottom:2em;
margin-bottom: 2em;
}

p a {
color: #383838;
}

p.space {margin-top:30px;}

p a.hiring-button {
	background: #383838;
	padding: 10px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-transform:  uppercase;
	letter-spacing: 1px;
}

p a.hiring-button:hover {
background: #777777;
}
span.caps {
text-transform: uppercase;
letter-spacing: 1px;
font-size: .9em;
font-weight: bold;
}

img.pie {
width: 10%;
margin: 0 45%;
}

h2 {
	font-size: 1em;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
}

ul.social {
list-style: none;
text-align: center;
padding: 0em;
margin: 0;
}

.social li {
display: inline-block;
	text-align: center;
	padding: 0 .25em;
margin: 0;

}
p.email {
text-align: center
}

p.email a {
color: #5C5C5C;
}

p.email a:hover {
color: #000000;
}

.sidenav {
	background: #000;
	position: absolute;
	top:30%;
	left:0;
	margin: 0;
	padding: 0;
	position: fixed;
}

.sidenav li {
	display: block;
	margin:0;
	padding: 5px;
}
.sidenav li a i {
	color:#FFF;
	padding: 5px;
}

.sidenav li a {
	color:#fff;
	text-decoration: none;
}

..powered-by {
	display:none;
}

@media (max-width: 800px) {
	.center {
	width: 90%;
	margin: 0 auto;
	}
	iframe {
	width: 400px;
	height: 223px;
	}
}


@media (max-width: 600px) {
p.body {
margin: 1em 0em;
}

@media (max-width: 560px) {
	.center {
	width: 100%;
	margin: 0 auto;
	}
	iframe {
	width: 375px;
	height: 207px;
	}
}