/*
RESPONSIVE GRID & CONTAINERS
---------------------------------------------------------------------------------------------*/	
@media only screen
and ( min-width: 768px )
and ( max-width: 979px ) {
	#wrapper {width: 720px}
	.row,
	.row-960 	 {width: 720px}
}/* CLOSE @media */

@media only screen
and ( max-width: 767px ) {
	#wrapper {
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		padding: 0;
		width: 100%;
		}
	#content {padding: 20px 20px 40px;}
	.row,
	.row-960 {width: 480px}
	.span-3,.span-4 {width: 48%}
	.span-8,.span-9 {width: 98%}
	.span-3,.span-4,
	.span-8,.span-9 {margin-left: 1%; margin-right: 1%;}
	/* COLUMNS */
	.one-half,.one-third,.two-third,
	.one-fourth,.two-fourth,.three-fourth {width: 48%;}
	.one-half,.one-third,.two-third,
	.one-fourth,.two-fourth,.three-fourth,
	.one-half.last,.one-third.last,.two-third.last,
	.one-fourth.last,.two-fourth.last,.three-fourth.last {
	    float: left;
	    margin-left: 1%;
	    margin-right: 1%;
		}
}/* CLOSE @media */

@media only screen
and ( max-width: 480px ) {
	.row,
	.row-960 {width: 300px}
	.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,
	.span-7,.span-8,.span-9,.span-10,.span-11,.span-12 {
		display: block;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		}
	/* COLUMNS */
	.one-half,.one-third,.two-third,
	.one-fourth,.two-fourth,.three-fourth {width: 100%;}
	.one-half,.one-third,.two-third,
	.one-fourth,.two-fourth,.three-fourth,
	.one-half.last,.one-third.last,.two-third.last,
	.one-fourth.last,.two-fourth.last,.three-fourth.last {
		display: block;
	    float: none;
	    margin-left: 0;
	    margin-right: 0;
		}

	.responsivehide {
		display: none;
		}


}/* CLOSE @media */
