#%id%>.s3_row {
	margin: 0 -%id=gutter%px;
}

#%id%>.s3_row>.s3_column {
	padding: 0 %id=gutter%px;
}


%[if %id=stackedArray[2]%]%
	#%id%>.s3_row  {
		margin: -%id=gutter%px 0;
	}
	#%id%>.s3_row>.s3_column {
		padding: %id=gutter%px 0;
		width:100%;
	}
%[endif]%

%[if %id=twoUpArray[2]%]%
	#%id%>.s3_row  {
		margin: -%id=gutter%px -%id=gutter%px;
	}
	#%id%>.s3_row>.s3_column {
		padding: %id=gutter%px %id=gutter%px;
		width:50%;
	}
%[endif]%



%%[[if !edit]]%%  


@media only screen and (max-width: 770px) {

%[if %id=stackedArray[1]%]%
	#%id%>.s3_row  {
		margin: -%id=gutter%px 0;
	}
	#%id%>.s3_row>.s3_column {
		padding: %id=gutter%px 0;
		width:100%;
	}
%[endif]%

%[if %id=twoUpArray[1]%]%
	#%id%>.s3_row  {
		margin: -%id=gutter%px -%id=gutter%px;
	}
	#%id%>.s3_row>.s3_column {
		padding: %id=gutter%px %id=gutter%px;
		width:50%;
	}
%[endif]%


}



@media only screen and (max-width: 400px) {

%[if %id=stackedArray[0]%]%
	#%id%>.s3_row  {
		margin: -%id=gutter%px 0;
	}
	#%id%>.s3_row>.s3_column {
		padding: %id=gutter%px 0;
		width:100%;
	}
%[endif]%

%[if %id=twoUpArray[0]%]%
	#%id%>.s3_row  {
		margin: -%id=gutter%px -%id=gutter%px;
	}
	#%id%>.s3_row>.s3_column {
		padding: %id=gutter%px %id=gutter%px;
		width:50%;
	}
%[endif]%


}




%%[[endif]]%%  
