html {
	height: 100%;
}

body {
background: #000000;
/* width: 100%; */
height: 100%

}

a {
color: inherit;
}

p {
	font-family: 'Open Sans', 'Helvetica', sans-serif;
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #555555;
}

.boom {
	font-style: italic;
}

.super_boom {
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-weight: 700;
}

.fuck_this {
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-size: 1.3em;
	color: #555555;
	font-weight: 700;
	text-align: center!important;
	margin-top: 20px;
	margin-bottom: 20px;
}


h1 {
	font-family: 'Arvo', serif;
	font-weight: 700;
	font-size: 3em;
	color: #555555;
	text-align: center;
}

h2 {
	font-family: 'Arvo', serif;
	font-weight: 400;
	font-size: 1.8em;
	color: #555555;
	text-align: center;
}

.drop_quote {
	font-family: 'Arvo', serif;
	font-weight: 400;
	font-size: 1.8em;
	color: #646464;
	font-style: italic;
	text-align: center;
}

.center {
	text-align: center;
}

#body_wrap {

width: 600px;
margin: 60px auto 60px;
/* padding: 80px; */
/* background: rgba(239,239,239,0.9); */
border: 1 solid #222222;
text-align:left;

}

.icon_list {
	list-style: none;
	padding: 0px;
}

.contact_icons {
	width: 212px;
	margin: 0px auto 80px;
	
}

.contact_icons li{
font-size: 2.4em;
float: left;
margin-left: 10px;
margin-right: 10px;
}

#file_icon {
	color: #696969;
	font-size: 1.9em; /* manually adjust size because icons are differnt heights */
	margin-top: 5px; /* manually adjust size because icons are differnt heights */

}

#file_icon:hover {
	color: #111111;
}

#twitter_icon {
	color: #696969;
}

#twitter_icon:hover {
	color: #111111;
}

#linkedin_icon {
	color: #696969;
}

#linkedin_icon:hover {
	color: #111111;
}

#email_icon {
	color: #696969;

}

#email_icon:hover {
	color: #111111;

}

.van {

	width: 300px;
	margin:0px auto 100px;
	}


.van a {     display : block;
                     width : 300px;
                     height : 217px;
                     background-image:url( 'a_team_300.png' );
}

.van a:hover { display : block;
               width : 300px;
               height : 217px;
               background-image:url( 'a_team_300_red.png' );
}

audio{ 
	display: none; /* hide audio controls */
}




/* parallax background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% .01%;
    /* ie8- graceful degradation */
 
}

.fullscreen,
.content-a {
    width:99.9%;
    min-height:99.9%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
    
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
  
}


/* Cromulon styles */

.flip {
	 -webkit-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
                transform: scaleX(-1);

}

.no-flip {

	
}

.black {
	fill: #191517;
}

.dk-eyes {
	fill: #F4F0C2;
}


/* yellow */

.yellow-base {
	fill: #e2be4b;
}

.yellow-shadow {
	fill: #F9A047;
}


.yellow-dark-lines {
	fill: #A1772F;
}

.yellow-dark-lines-stroke {
	stroke: #A1772F;
}



/* blue */

.blue-base {
	fill: #619Dff;
}

.blue-shadow {
	fill: #276dd6;
}

.blue-dark-lines {
	fill: #205dae;	
}

.blue-dark-lines-stroke {
	stroke: #205dae;	
}

/* green */

.green-base {
	fill: #47d95f;
}

.green-shadow {
	fill: #31b931;
}

.green-dark-lines {
	fill: #2f9524;	
}

.green-dark-lines-stroke {
	stroke: #2f9524;	
}


/* red */

.red-base {
	fill: #df3e51;
}

.red-shadow {
	fill: #b71b34;
}

.red-dark-lines {
	fill: #981924;	
}

.red-dark-lines-stroke {
	stroke: #981924;	
}

/* orange */

.orange-base {
	fill: #f77531;
}

.orange-shadow {
	fill: #cf4b0c;
}

.orange-dark-lines {
	fill: #b15a15;	
}

.orange-dark-lines-stroke {
	stroke: #b15a15;	
}

.share-wrap {
	position: fixed;
	bottom: 20px;
	left: auto;
	right: auto;
	width: 100%;
}

.btn {
	padding: 6px 20px;
	background: #cdae45;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 4px;
color: #fff;
text-align: center;
cursor: pointer;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 18px;
text-decoration: none;	
}

.btn:hover {
	background: #E1CE91;
}

.btn a {
	text-decoration: none;
}







@media only screen and (max-device-width: 640px) {

.cromulon-head { height: 120%; width: 120%;}

p {
font-size: 2.8em;
line-spacing: 3.0em;
}

h1 {
	font-size: 6em;
	width: 94%;

}

h2 {

	font-size: 3.6em;

}

.drop_quote {
	font-size: 3.6em;

}





#body_wrap {
margin-bottom: 340px;
}

.contact_icons {
	width: 425px;
	margin: 0px auto 120px;
	
}

.contact_icons li{
font-size: 5em;
float: left;
margin-left: 20px;
margin-right: 20px;
}

#file_icon {

	font-size: 4em; /* manually adjust size because icons are differnt heights */
	margin-top: 10px; /* manually adjust size because icons are differnt heights */
}


audio {
	display:none;
}

.van {
display: none;

}

.van a {     display : none;
}

.van a:hover { display : none;
}



}