/* Less than 1100px */
@media only screen
and (max-width: 1099px) {
	/* decrease article width to 640 */
	#util .wrap, #util ul.tumblr-links, #site .wrap, #site nav ul, article, article .page, article .pageless, #footer .wrap, #footer .main, #pagination {
		width: 640px;
	}
}
/* Less than 1060px */
@media only screen
and (max-width: 1059px) {
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Single Columns
	   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	body .single-column {
		margin: 0 20px;
	}
	.single-column #util {
		margin: 0 -20px;
	}
	.single-column #util .wrap {
		width: 100%;
		padding: 8px 0;
		margin: 0 20px;
	}
	.single-column #site .wrap {
		width: 100%;
		padding: 60px 0 20px 0;
	}
	.single-column #site h1 {
		width: auto;
		margin-left: 0;
		float: none;
		text-align: center;
	}
	.single-column #site nav ul {
		text-align: center;
		width: auto;
		float: none;
		padding-top: 0;
	}
	.single-column article.results {
		text-align: center;
	}
	.single-column article, .single-column #pagination {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.single-column article img {
		max-width: 100%;
	}
	.single-column aside {
		display: none;
	}
	.single-column article .page, .single-column article .pageless {
		width: auto;
		float: none;
		margin: 0 0 40px 0;
	}
	.single-column article section blockquote.pull{
		width: auto;
		float: none;
		margin: 5px 10px 10px 10px;
		border: 2px #c7c7c7;
		border-style: dotted none dotted none;
		padding: 12px;
		font-style:italic;
	}
	.single-column article.audio header{
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	.single-column article.quote header {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	.single-column article.chat strong{
		width: auto;
		padding: 4px 10px;
	}
	.single-column article.chat span{
		display:inline;
		max-width: none;
		width: auto;
	}
	.single-column article.chat .odd strong{
		float:none;
		margin:0 0 0 0;
	}
	.single-column article.chat .odd span{
		float:left;
		margin: 10px 0 0 0;
	}
	.single-column article.chat .even strong{
		float:none;
		margin: 0px;
	}
	.single-column article.chat .even span{
		float:right;
		margin: 10px 0 0 0;
	}
	.single-column article.chat .odd span:before {
		top:60px;
		left:-17px;
	}
	.single-column article.chat .even span:before {
		top:60px;
		right:-17px;
	}
	.single-column #footer {
		margin: 0 -20px;
		padding: 0;
		width: auto;
	}
	.single-column #footer .wrap {
		width: auto;
	}
}
/* Less than 1000px */
@media only screen
and (max-width: 999px) {
	/* remove aside & go to one column */
	#util .wrap {
		width: 640px;
		padding: 8px 40px;
	}
	#util ul.about {
		width:auto;
		text-align:left;
		display: inline;
		margin-left: 0;
	}
	#util ul.tumblr-links {
		width: auto;
		margin-left: 20px;
	}
	#site .wrap {
		width: 640px;
		padding: 60px 40px 20px 40px;
	}
	#site h1 {
		width: auto;
		margin-left: 0;
		float: none;
		text-align: center;
	}
	#site nav ul {
		text-align: center;
		width: auto;
		float: none;
		padding-top: 0;
	}
	article.results {
		text-align: center;
	}
	article, #pagination {
		width: 640px;
		padding-left: 40px;
		padding-right: 40px;
	}
	aside {
		display: none;
	}
	article .page, article .pageless {
		width: 640px;
		float: none;
	}
	article footer .meta, article footer .tags, article footer .share-btns {
		display: block;
	}
	#footer .wrap {
		width: 640px;
		padding: 40px;
	}
	#footer .secondary{
		width: 20%;
		margin-left: 0;
	}
	#footer .main {
		width: 80%;
	}
	#footer .tumblr {
		width: 75%;
	}
	.flickr-feed ul.flickrfeed li:nth-child(3n+3) {
		margin-right: 10px;
	}
	.flickr-feed ul.flickrfeed li:nth-child(1n+3) {
		margin-top: 0;
	}
	.flickr-feed ul.flickrfeed li img {
		width: 32px;
	}
	#footer .tumblr section {
		margin: 0 20px;
	}
	#footer .external {
		width: 25%;
	}
}
/* Less than 720px */
@media only screen
and (max-width: 759px) {
	body {
		margin: 0 20px;
	}
	body .single-column {
		margin: 0;
	}
	#util {
		margin: 0 -20px;
	}
	#util .wrap {
		width: 100%;
		padding: 8px 0;
		margin: 0 20px;
	}
	#util ul.about {
		width:auto;
		text-align:left;
		display: block;
		margin-left: 0;
		float: none;
	}
	#util ul.tumblr-links {
		width: auto;
		display: block;
		margin: 8px 0 0 0;
		text-align: center;
		float: none;
	}
	#site .wrap {
		width: 100%;
		padding: 60px 0 20px 0;
	}
	#site h1 {
		width: auto;
		margin-left: 0;
		float: none;
		text-align: center;
	}
	#site nav ul {
		text-align: center;
		width: auto;
		float: none;
	}
	article:first-child {
		margin-top: 0;
	}
	article, #pagination {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	article h2{
		font-size: 1.8em;
		line-height: 1.4em;
	}
	article img {
		max-width: 100%;
	}
	aside {
		display: none;
	}
	article .page, article .pageless {
		width: auto;
		float: none;
		margin: 0 0 40px 0;
	}
	.single-column article {
		margin: 0 0 40px 0;
	}
	article footer .meta, article footer .tags, article footer .share-btns {
		display: block;
		text-align: center;
		float: none;
		margin-bottom: 10px;
	}
	article footer .meta li, article footer .tags li, article footer .share-btns li {
		display: inline-block;
		float: none;
		margin: 0 8px 0 0;
	}
	article section blockquote.pull{
		width: auto;
		float: none;
		margin: 5px 10px 10px 10px;
		border: 2px #c7c7c7;
		border-style: dotted none dotted none;
		padding: 12px;
		font-style:italic;
	}
	article.audio header{
		float: none;
		width: auto;
		margin: 0 0 20px 0;
	}
	article.quote header {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	article.chat strong{
		width: auto;
		padding: 4px 10px;
		display: table;
	}
	article.chat span{
		display:inline;
		max-width: none;
		width: auto;
	}
	article.chat .odd strong{
		float:none;
		margin:0 0 0 0;
	}
	article.chat .odd span{
		float:left;
		margin: 10px 0 0 0;
	}
	article.chat .even strong{
		float:right;
		margin: 0px;
	}
	article.chat .even span{
		clear:right;
		float:right;
		margin: 10px 0 0 0;
	}
	article.chat .odd span:before {
		top:60px;
		left:-17px;
	}
	article.chat .even span:before {
		top:60px;
		right:-17px;
	}
	article.chat .pageless .even span:before, article.chat .pageless .odd span:before {
		display: none;
	}
	#pagination.infinite .large.button {
		font-size: 20px;
		padding: 15px 0 13px;
		width: 100%;
	}
	#pagination .medium.button {
		font-size: 13px; padding: 12px 10px;
	}
	#footer, .single-column #footer {
		margin: 0 -20px;
		padding: 0;
		width: auto;
	}
	#footer section, .single-column #footer section {
		border-bottom: 1px solid #343434;
		margin: 0 20px;
		padding: 0 0 20px 0;
	}
	#footer section.bottom, .single-column #footer section.bottom{
		border: none;
	}
	#footer .wrap, .single-column #footer .wrap {
		display: block;
		width: auto;
		padding: 40px 0;
		margin: 0;
	}
	#footer .secondary, .single-column #footer .secondary {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
	}
	#footer .secondary h4, .single-column #footer .secondary h4 {
		margin-bottom: 12px;
	}
	#footer .follows ul {
		padding: 0;
	}
	#footer .authors ul, .single-column #footer .authors ul {
		margin: 0;
		padding: 0;
	}
	#footer .secondary .authors ul li, .single-column #footer .secondary .authors ul li {
		display: inline-block;
		padding-right: 10px;
		margin: 0 0 10px 0;
	}
	#footer .secondary .authors ul li:after, .single-column #footer .secondary .authors ul li:after {
		content: '\2219';
		padding-left: 10px;
	}
	#footer .secondary .authors ul li:last-child, .single-column #footer .secondary .authors ul li:last-child {
		padding-right: 0;
	}
	#footer .secondary .authors ul li:last-child:after, .single-column #footer .secondary .authors ul li:last-child:after {
		content: '';
		padding-left: 0;
	}
	ul.social {
		padding: 0;
	}
	ul.social li {
		float: none;
		display: inline-block;
	}
	#footer .main, .single-column #footer .main {
		display: block;
		width: 100%;
		text-align: center;
	}
	#footer .main h4, .single-column #footer .main h4{
		margin-bottom: 12px;
	}
	#footer .tumblr, .single-column #footer .tumblr {
		display: block;
		width: 100%;
	}
	#footer .tumblr .details .icon {
		display: block;
		float: none;
		margin: 8px auto;
	}
	.flickr-feed ul.flickrfeed li:nth-child(3n+3) {
		margin-right: 10px;
	}
	.flickr-feed ul.flickrfeed li:nth-child(1n+3) {
		margin-top: 0;
	}
	.flickr-feed ul.flickrfeed li img {
		width: 50px;
	}
	#footer .external, .single-column #footer .external {
		display: block;
		width: 100%;
		text-align: center;
	}
	#footer .external h4, .single-column #footer .external h4 {
		margin-bottom: 12px;
	}
	.twitter-follow-button { display: none; }
	
	.col2{
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
		column-count:1;
		-moz-column-gap:0; /* Firefox */
		-webkit-column-gap:0; /* Safari and Chrome */
		column-gap:0;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}