/* Beak Labs custom CSS
 *
 * For the things that Twitter Bootstrap couldn't do for us
 * http://www.beaklabs.com — @beak
 *
 * BeakLabs.com was Designed and Developed by Lee Billington — http://www.leebillington.com — @jlbillington.
 */

/* First we clear some spacing */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td {
	margin:0;
	padding:0;
}

/* Now the body */

body {
	background: url('../img/bgd.jpg') #ccc;
	margin:0;
	padding-top:1.5em;
}


/* Standardize fonts and establish vertical rhythm */

a {
	color:#00c6ff;
	font-weight:600;
}
a:hover {
	color:#ff0000;
	text-decoration:none;
}

html {
	color:#333;
	font-family: proxima-nova, 'proxima nova', 'gotham htf', gotham, 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight:400;
}

body {font-size:100%;} /* 100% = 16px, IE's default */

h1, h2, h3, h4, h5, h6 {color:#333;font-weight:100; text-transform:none;}

/*Still setting vertical rhythm, only set sizes here */

p, .omega {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0;
}

h1, .alpha {
	font-size: 4em;
	line-height: 0.375em;
	margin-bottom: 0.375em;
}
h2, .beta {
	font-size:3em;
	line-height:0.5em;
	margin-bottom: 0.5em;
}
h3, .gamma {
	font-size:2em;
	line-height:0.75em;
	margin-bottom: 0.75em;
}
h4, .delta {
	font-size:1.75em;
	line-height:0.857em;
	margin-bottom: 0.857em;
}
h5, .epsilon {
	font-size:1.5em;
	line-height:1em;
	margin-bottom: 1em;
}
h6, .zeta {
	font-size:1.334em;
	line-height:1.125em;
	margin-bottom: 1.125em;
}


/* And now the custom bits */

/*p.credits p:first-line {margin-left:-30px;}*/

#connect {text-align:right;}

#emailus {text-align:center;}

.fb-like {margin:-10px 0 0 0; text-align:center; text-align:right; float:right;}

#jaws {width:100%;}

.LikePluginPagelet {width:150px;}

#mc_embed_signup h6 {margin-bottom:.5em;}

.project {margin-top:3em;}
.project p {text-align:justify;}

p.credits {text-align:left;}

.projectname {margin-bottom:0.25em;}

.projectsum {font-weight:400;}

.section {	
	color:#00aeef;
	font-weight:900;
	letter-spacing:1px;
	text-transform:uppercase;
}

#mantra {padding-top: 1em; text-align:right;}
#mantra h4 {line-height:1.2858em;}

#social {
	float:right;
	width:248px;
}

#twitter {float:right; text-align:left; margin:-10px 0 0 0;}

/* Responsive elements */

@media (max-width: 480px) {
	#mantra, #beakid, #connect {text-align:center;}
	#mantra h4 {
		font-size:1.5em; 
		line-height:1em;
		margin:21px 0; 
		width:100%; 
	}
	#social {
		float:none;
		text-align:center; 
		margin:0 auto;
	}
}

@media (max-width: 767px) {
	.footer .span4, #connect {text-align:center; margin-bottom:2em;}
	#mantra, #beakid, .section {text-align:center;}
	#mantra h4 {
		font-size:1.334em;
		font-weight:600; 
		line-height:1em;
		margin:20px auto 0 auto; 
	}
	#social {
		float:none;
		text-align:center; 
		margin:0 auto;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#mantra h4 {
		font-size:1.5em; 
		line-height:1em;
	}
}
	
@media (min-width: 980px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}