/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/



/* #Media Queries */

	@media only screen and (min-width: 1600px)  {
	
	p.site-intro {
	margin: 0px 400px 20px 0px;
	}
	
	.case-study .inner {
	margin: 0 350px 40px 350px;
	}
	
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1599px)  {
	
	.case-study .inner {
	margin: 0 150px 40px 150px;
	}
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.news-feed {
	flex-grow: 1;
	width: 31%;
	margin: 10px 2% 40px 0;
	}
	
	.case-study .inner {
	margin: 0 40px 40px 40px;
	}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	h1 {
	font-size: 30px;
	line-height: 40px;
	}
	
	.ten.columns.main-content.main-page, .six.columns.featured-image {
	width: 100%;
	margin: 0;
	}
	
	.news-feed {
	flex-grow: 1;
	width: 48%;
	margin: 10px 1% 40px 1%;
	}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	.home-call {
	width: 100%;
	margin: 10px 0% 40px 0%;
	}
	
	p.site-intro {
	width: 100%;
	}
	
	p.site-title {
	font-size: 25px;
	line-height: 37px;
	margin: 110px 0px 20px 0px;
	}
	
	header {
	text-align: center;
	}
	
	img.logo {
	display: inline;
	margin: 20px 0 15px 0;
	width: 300px;
	}
	
	.one-third.column.cred-logos {
	text-align: left;
	}
	
	h1 {
	font-size: 30px;
	line-height: 40px;
	}
	
	.news-feed {
	width: 100%;
	margin: 10px 0 40px 0;
	}
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 766px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	p.site-title {
	font-size: 25px;
	line-height: 37px;
	margin: 110px 0px 20px 0px;
	}
	
	.home .container {
	width: 100%;
	}
	
	.home footer .container .one-third.column {
	width: 90%;
	margin: 0 5% 0 5%;
	}
	
	.sixteen.columns.home-banner {
	width: 90%;
	margin: 0 5% 0 5%;
	}
	
	.home header .container .eight.columns, .home .sixteen.columns.home-heading {
	width: 90%;
	margin: 0 5% 0 5%;
	}
	
	}