@media (max-width: 1700px) {
	
}


@media (max-width: 1400px) {
	
}

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


/****************
720px - Phones
/***************/
@media (max-width: 720px) {

	.column {
		margin-bottom: 8%;
	}
		
	.wrapper {
		width: 90%;
		margin: 0 auto;
	}

	
	/* Nav */
	#top nav {
		padding: 20px 0;
		float: none;
	}
	
	#top nav li {
		width: auto;
		padding: 0px 14px 10px 14px;
	}
	#top nav li a {
		background: none !important;
		padding: 0;
		width: auto;
	}
	#top nav li a span {
		background: none;
		display: none;
	}

	
	#top nav ul {
		text-align: left;
	}
	
	#top nav ul li ul {
		margin-left: -43px;
	}
	
	#top nav ul li .arrow_wrapper {
		width: 53px;
	}
	
		
	header #logo {
		text-align: left;
		display: block !important;
		left: 0 !important;
		top: 0 !important;
		margin-left: 10px;
	}
	
	header #logo img {
		max-width: 100%;
	}
	
	header #logo a.text-logo {
		position: relative !important;
		top: 0;
		left: 0;
	}
	
	header #logo a.image-logo {	
		position: relative !important;
		top: 0;
		left: 0;
		display: block;		
	}
	
	blockquote {
		font-size: 14px !important;
		margin-top: 10px !important;
		margin-left: 0px !important;
		width: 70% !important;
	}
	blockquote p {
		font-size: 14px !important;
		width: 100%;
	}
	
	
	/* Article */
	#main #summary_page, #main h1 {
		margin-top: 30px;
	}
	
	#main header {
		width: 100%;
	}

	#main #primary_list {
		float: none;
		width: 100%;
	}

	#main #primary_list .primary {
		margin-left: 0;
	}
	
	#main .primary, #main #primary_list .primary {
		width: 100%;
		display: block;
	}
	
	#main article.primary.wide {
		width: 100%;
	}
	
	#main article.primary.wide .column_wide {
		width: 100%;
	}
	
	#main .primary img {
		width: 100%;
		margin: 0 0 1em;
		max-width: 600px;
	}
	
	#main article.primary {
		width: 100%;
	}
	
	#main article.primary .column img {
		max-width: 290px;
	}
	
	
	#main article.primary header time, #main #primary_list header time, #main header time {
		position: relative;
		background: none;
		display: block;
		width: 100%;
		height: auto;
		text-align: left;
	}
	#main article.primary header time span {
		display: inline;
	}
	#main #primary_list article.primary header h2 {
		clear: both;
	}
	
	#main article.primary .column {
		width: 100%;
	}
	
	#main #primary_list .post article.primary {
		padding-bottom: 30px;
	}
	
	#main article.primary footer .share {
		display: block;
		margin-top: 10px;
		float: none;
	}
	
	/* Sidebar */
	#main #sidebar, #main #summary_page #sidebar  {
		width: 100%;
		margin: 50px 0 0 0;
	}
	
	/* Typography */
	#main article.primary header time span, #main header time span, #main header time span.day  {
		font-size: 12px;
		color: #3D3C3D;
		font-weight: normal;
		display: inline;
	}
	
	
	h1 {
		font-size: 26px; 
		font-weight: 500;
		margin: 0 0 0.5em 0;
	}

	h2 {
		font-size: 22px;
		font-weight: 500;
		margin: 0 0 0.2em 0;
	}


	p {
		-webkit-text-size-adjust: none;
	}
	
	header nav a {
		font-size: 16px;
	}
	
	#pagination {
		margin: 0;
		padding: 0;
	}
	
	/* Snippets */
	.snippet-text-image.right {
		text-align: left;
	}
	
	
	.snippet-teammember .teammember-image {
		display: block;
		width: 100%;
	}
	
	.snippet-teammember .teammember-image img {
		width: auto !important;
		margin-bottom: 0.5em !important;
	}
	
	.snippet-teammember .teammember-info {
		width: 100%;
	}
	
	.snippet-mapform #map {
		width: 300px;
		display: block;
	}
	
	.snippet-mapform .column_map {
		display: none;
	}
	
	.snippet-mapform .column_form {
		margin: 20px 0 30px 0;
	}
	
	#main #primary_list article.primary object, #main #primary_list article.primary object embed {
		width: 100%;
		max-width: 600px;
	}

	
}


/****************
iPad
/***************/
@media only screen and (min-device-width: 768px) 
						 and (max-device-width: 1024px)
						 and (orientation: portrait) {
							
	.wrapper {
		width: 90%;
		margin: 0 auto;
	}

	
	/* Nav */
	#top nav {
		padding: 20px 0;
		float: none;
	}
	
	#top nav li {
		width: auto;
		padding: 0px 14px 10px 14px;
	}
	#top nav li a {
		background: none !important;
		padding: 0;
		width: auto;
	}
	#top nav li a span {
		background: none;
		display: none;
	}

	
	#top nav ul {
		text-align: left;
	}
	
	#top nav ul li ul {
		margin-left: -43px;
	}
	
	#top nav ul li .arrow_wrapper {
		width: 53px;
	}
	
		
	header #logo {
		text-align: left;
		display: block !important;
		left: 0 !important;
		top: 0 !important;
		margin-left: 10px;
	}
	
	header #logo a.text-logo {
		position: relative !important;
		top: 0;
		left: 0;
	}
	
	header #logo a.image-logo {	
		position: relative !important;
		top: 0;
		left: 0;
		display: block;		
	}
	
	blockquote {
		font-size: 14px !important;
		margin-top: 10px !important;
		margin-left: 0px !important;
		width: 70% !important;
	}
	blockquote p {
		font-size: 14px !important;
		width: 100%;
	}
	
	
	/* Article */
	#main #summary_page, #main h1 {
		margin-top: 30px;
	}
	
	#main header {
		width: 100%;
	}

	#main #primary_list {
		float: none;
		width: 100%;
	}

	#main #primary_list .primary {
		margin-left: 0;
	}
	
	#main .primary, #main #primary_list .primary {
		width: 100%;
		display: block;
	}
	
	#main article.primary.wide {
		width: 100%;
	}
	
	#main article.primary.wide .column_wide {
		width: 100%;
	}
	
	#main .primary img {
		width: 100%;
		margin: 0 0 1em;
		max-width: 600px;
	}
	
	#main article.primary {
		width: 100%;
	}
	
	#main article.primary .column img {
		max-width: 290px;
	}
	
	
	#main article.primary header time, #main #primary_list header time, #main header time {
		position: relative;
		background: none;
		display: block;
		width: 100%;
		height: auto;
		text-align: left;
	}
	#main article.primary header time span {
		display: inline;
	}
	#main #primary_list article.primary header h2 {
		clear: both;
	}
	
	#main article.primary .column {
		width: 100%;
	}
	
	#main #primary_list .post article.primary {
		padding-bottom: 30px;
	}
	
	#main article.primary footer .share {
		display: block;
		margin-top: 10px;
		float: none;
	}
	
	/* Sidebar */
	#main #sidebar, #main #summary_page #sidebar  {
		width: 100%;
		margin: 50px 0 0 0;
	}
	
	/* Typography */
	#main article.primary header time span, #main header time span, #main header time span.day  {
		font-size: 12px;
		color: #3D3C3D;
		font-weight: normal;
		display: inline;
	}
	
	
	h1 {
		font-size: 26px; 
		font-weight: 500;
		margin: 0 0 0.5em 0;
	}

	h2 {
		font-size: 22px;
		font-weight: 500;
		margin: 0 0 0.2em 0;
	}


	p {
		-webkit-text-size-adjust: none;
	}
	
	header nav a {
		font-size: 16px;
	}
	
	#pagination {
		margin: 0;
		padding: 0;
	}
	
	/* Snippets */
	.snippet-text-image.right {
		text-align: left;
	}
	
	
	.snippet-teammember .teammember-image {
		display: block;
		width: 100%;
	}
	
	.snippet-teammember .teammember-image img {
		width: auto !important;
		margin-bottom: 0.5em !important;
	}
	
	.snippet-teammember .teammember-info {
		width: 100%;
	}
	
	.snippet-mapform #map {
		width: 300px;
		display: block;
	}
	
	.snippet-mapform .column_map {
		display: none;
	}
	
	.snippet-mapform .column_form {
		margin: 20px 0 30px 0;
	}
	
	#main #primary_list article.primary object, #main #primary_list article.primary object embed {
		width: 100%;
		max-width: 600px;
	}
	
}


@media only screen and (min-device-width: 768px) 
						 and (max-device-width: 1024px)
						 and (orientation: landscape) {
							

	
}