.cols:after 
	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
.cols,
.cols > .col 
	{
		position: relative;
		width: 100%;
	}

.cols > .col 
	{
		float: left;
		padding-left: 1em;
		padding-right: 1em;
	}


@media screen and (min-width: 960px) {

.cols-3 > .col 
	{
		width: 33.333%;
		padding-left: 0;
	}

.cols-3 > .col.span
	{
		width: 66.666%;
		padding-left: 0;
	}
#about .cols-3 > .col.span
	{
		width: 50%;
	}
#about h4 
	{
		float: right;
		max-width: 90%;
	}
.cols-3 > .col:nth-of-type(3n+1)
	{
		clear: left;
	}
#header .col 
	{
		clear: none;
	}

}



@media screen and (min-width: 320px) and (max-width: 660px) {

#content .cols-3 > .col 
	{
		float: none;
		width: 320px;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
	}

.cols-3 > .col
	{
		clear: both;
	}

}

@media screen and (min-width: 660px) and (max-width: 960px) {

.cols-3 > .col 
	{
		width: 50%;
		padding-left: 0;
	}

.cols-3 > .col:nth-of-type(2n+1)
	{
		clear: left;
	}

}



.out 
	{
		width: 100%;
		max-width: 100%;
	}
.out img 
	{
		max-width: 100%;
		height: auto;
	}

@media screen and (min-width: 960px) {

	.out 
		{
			max-width: 960px;
			margin-left: auto;
			margin-right: auto;
		}
	.out.full 
		{
			max-width: none;
		}
}