html, body {
	margin:0px;
	padding:0px;
	height:100%;
}


@font-face {
	font-family: 'CardoRegular';
	src: url('cardo/Cardo-Regular.ttf') format('truetype');
}


@font-face {
	font-family: 'CardoBold';
	src: url('cardo/Cardo-Bold.ttf') format('truetype');
}

body {
	font-family: "CardoBold", serif;
}

#container {
	background:white;
}

#SHADE {
	background:black;
	display:none;
	position:fixed;
	top:0px;
	bottom:0px;
	z-index:-1;
	width:100%;
	height:100%;
}

header {
	text-align:center;
}

header  h1,
header h2 {
	font-family: "CardoBold";
	font-size:10vw;
	margin-top:0px;
	margin-bottom:0px;	
	color:#033734;
}


h6 {
	font-family: "CardoBold";
	text-align:center;
	font-size:18vw;
	margin-top:30px;
	margin-bottom:100px;
	line-height:.95em;
	color:#033734;
}

section {
	background:black;
	color:#93cabf;
	font-size:4vw;
	padding:2em 3em;
}

#CREDITS {
	font-size:3.5vw;
}

section p {
}



figure {
	margin:0px;
	position:relative;
}

#chris {
	background:#330101;
}

figure img {
	width:100%;
	background:#330101;
}

figure#cover img {
	background:white;
}

#rob {
	position:relative;
}

#justine {
	background:black;
	padding-top:30px;
	margin-bottom:30px;
}

.speaker {
	width:22%;
position:absolute;
top:78%;
left:37.5%;
	border-radius:10%;
	box-shadow:0px 0px 20px black;
}

.speaker:hover,
.speaker:focus {
	border:1px solid #eb5b34;
	box-shadow:0px 0px 35px #eb5b34;
}

.spacer-GIF {
	background:#2c3534;
	height:30px;
}

figure img.symbol {
	width:4%;
	height:auto;
	background:none;
		position:absolute;
		opacity:0.6;
}

#symbol_catie {
	top:2px;
	left:2px;
}

#symbol_nancy {
	bottom:5px;
	left:5px;
}

#symbol_paul {
	bottom:5px;
	right:5px;
}

#symbol_meg {
	bottom:5px;
	right:5px;
	opacity:0.9;
}

#symbol_rob {
	top:5px;
	right:5px;
}

#symbol_chris {
	bottom:5px;
	right:5px;
}

#symbol_vesna {
	top:4px;
	left:4px;
	opacity:0.4;
}

#symbol_vesna2 {
	top:4px;
	left:4px;
}

#symbol_kelly {
	top:4px;
	left:4px;
}

#symbol_nancy2 {
	bottom:4px;
	right:4px;
}

#symbol_vesna3 {
	top:4px;
	left:4px;
	opacity:0.4;
}

#symbol_vesna4 {
	top:4px;
	left:4px;
}

#symbol_betty{
	top:-24px;
	right:4px;
}

#symbol_miguel {
	bottom:4px;
	right:4px;
	opacity:0.5;
}

#symbol_paul2 {
	bottom:4px;
	left:4px;
}

#symbol_kelly2 {
	bottom:4px;
	right:4px;
}

#symbol_ecb {
	top:4px;
	right:4px;
	width:2%;
}

#symbol_ecb2 {
	bottom:4px;
	left:4px;
	width:2%;
}

#symbol_damon {
	top:2px;
	right:2px;
	width:3%;
}

#symbol_renee {
	bottom:4px;
	right:4px;
	width:5%;
	opacity:0.9;
}

#symbol_justine {
	bottom:-24px;
	right:15px;
}


img.key-symbol {
	width:5%;
	height:auto;
	margin:auto 3px auto 2px;
}



small {
	clear:both;
	padding:1em auto;
}


/* ========================================
MEDIA QUERIES!
======================================== */


@media all and (min-width: 480px) {
	
	
	
	
} /* closes 480px+ */
	
	
	
@media all and (min-width: 768px) {
	
	
	
	
} /* closes 768px+ */



@media all and (min-width: 1024px) {
	
/*#container {
	max-width:1000px;
	margin:auto;
}*/

.CLEAR {
	clear:both;
}

section {
	clear:both;
}

h6 {
	margin-bottom:200px;
}

figure {

}

.spacer-GIF {
	background:black;
	height:70px;
}

#nancy {
	width:45%;
	float:left;
}

#paul {
	width:55%;
	float:right;
	padding-top:50px;
}

#meg {
	width:48%;
	float:left;
	margin-bottom:30px;
}

#rob {
	width:49%;
	float:right;
}

#chris {
	clear:both;
	width:70%;
	padding: 100px;
	margin:auto;
}

#vesna1 {
	width:50%;
	float:left;
}

#vesna2 {
	width:50%;
	float:right;
}


#kelly1 {
	clear:both;
	width:50%;
	float:left;
}

#nancy2 {
	width:50%;
	float:right;
}

#vesna3 {
	clear:both;
	width:50%;
	float:left;
}

#vesna4 {
	width:50%;
	float:right;
}

#miguel {
	width:53%;
	float:left;
}

#betty {
	clear:both;
	width:47%;
	float:right;
	margin-bottom:50px;
}




#paul2 {
	clear:both;
	width:55%;
	float:left;
}

#kelly2 {
	width:45%;
	float:right;
}


figure img.symbol {
	width:3%;
}

#symbol_nancy {
	width:2.5%;
}

#symbol_nancy {
	width:4%;
}

#symbol_nancy2 {
	width:4%;
}

#symbol_meg {
	width:4%;
}

#symbol_chris {
	width:2.5%;
}

#symbol_kelly {
	width:4%;
}

#symbol_kelly2 {
	width:4%;
}

#symbol_betty {
	width:4%;
}

#symbol_ecb {
	width:1.5%;
}

#symbol_ecb2 {
	width:1.5%;
}

#symbol_damon {
	width:2%;
}

#symbol_renee {
	width:3%;
}

#symbol_justine {
	width:2%;
}

img.key-symbol {
	width:6%;
}

img#key_meg {
	width:5%;
	margin-left:1%
}

img#key_ecb {
	width:5%;
	margin-left:1%
}


#CREDITS div:nth-child(3) {
	width:48%;
	float:left;
}

#CREDITS div:nth-child(4) {
	width:48%;
	float:left;
}

small {
	display:block;
padding-top:1em;
padding-right:3em;
text-align:right;
}


} /* closes 1024px+ */

@media all and (min-width: 1400px) {
	
#container {
	max-width:1300px;
		margin:auto;
}


header  h1,
header h2 {
	font-size:7vw;
}


h6 {
	font-size:14vw;
}

section {
	font-size:1.5vw;
}

#CREDITS {
	font-size:1.25vw;
}

/*#CREDITS div:nth-child(3) {
	width:30%;
}*/

small {
	padding-right:10%;
}
	
} /* closes 1400px+ */