/*
Pelagic Information Design: Global CSS
Author: J. Tyarks
Last Updated: 2015 March 26
*/


/* Reset
Reset based on work by Eric Meyer: 
http: //meyerweb.com/eric/tools/css/reset/index.html
--------------------------------------------------------- */

	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	main,
	menu,
	nav,
	section,
	summary {
		display: block;
	}
	
	audio,
	canvas,
	progress,
	video {
		display: inline-block;
		vertical-align: baseline;
	}
	
	audio:not([controls]) {
		display: none;
		height: 0;
	}
	
	[hidden],
	template {
		display: none;
	}
	
	html {
		box-sizing: border-box;
		font-family: sans-serif;
		font-size: 62.5%;
		overflow-y: scroll;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}

	body { 
		background: #bfcfce url(../media/images/global-bg.jpg) no-repeat; 
		color: #435957; 
		font-size: 16px;
		font: 1.6rem museo-sans, "Lucida Sans", sans-serif;
		margin: 0;
	}
	
	@media screen and (min-width: 700px) {
		body { 
			font-size: 13px;
			font-size: 1.3rem;
		}
	}
	
	b,
	strong {
		font-weight: bold;
	}
	
	figure {
		margin: 1em 40px;
	}
	
	hr {
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		height: 0;
	}
		
	ol, 
	ul { 
		list-style: none; 
	}
	
	img, 
	img a { 
		border: none; 
	}


/* Typography
--------------------------------------------------------- */
	
	a { 
		background-color: transparent;
		color: #435957; 
		text-decoration: none; 
	}
	a:active,
	a:hover {
		outline: 0;
	}
	a:hover { 
		color: #333; 
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	
	p { 
		margin: 2px 0 13px; 
	}
		
	h2 { 
		font-size: 17px; 
		font-size: 1.7rem; 
		margin-bottom: 5px; 
		text-transform: uppercase; 
	}	

/* Layout
--------------------------------------------------------- */
			  
	.container { 
		margin: 0 auto; 
		max-width: 645px;
		min-width: 300px;
		padding: 25px 10px 0;
		width: 100%;
	}
	
	@media screen and (min-width: 700px) {
		.container {
			padding-top: 95px;
		}
	}
	
	.branding {
		margin: 0 0 50px;
		text-align: center;
	}
	
	@media screen and (min-width: 700px) {
		.branding {
			float: left;
			margin: 0 1em 1em 0;
		}
	}
	
	.actor {
		text-align: center;
		width: 221px;
	}
	
	@media screen and (min-width: 700px) {
		.actor { 
			float: right;
			min-height: 140px; 
			padding-top: 50px;
			text-align: left;
			width: 350px; 
		}
	}
	
	@media screen and (min-width: 700px) {
		.actor__contact,
		.actor__linked { 
			font-size: 15px;
			font-size: 1.5rem; 
		}
	}
	
	.actor__services {
		padding-left: 0;
		text-transform: lowercase;
	}
	
	.actor__linked { 
		font-weight: bold; 
	}
	
	.divider {
		display: none;
	}
	
	@media screen and (min-width: 700px) {
		.divider {
			display: inline-block;
		}
	}
		
/* Utilities -------------------------- */

	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	
	.center-block {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.pull-right {
		float: right !important;
	}
	.pull-left {
		float: left !important;
	}
	
	.show {
		display: block !important;
	}
	.invisible {
		visibility: hidden;
	}
	
	.hidden {
		display: none !important;
		visibility: hidden !important;
	}