/* Two Column Template, 300px right column (663/300 by name) -- content4.css */

#leftColWrapper,
#rightColWrapper {
	width: 100%;
	max-width: 100%;
	margin: 10px auto;
}

@media (min-width: 768px) {

	#leftColWrapper {
		float: left;
		width: 100%;
		max-width: calc(100% - 340px); /* margin and right column */
		margin: 10px 40px 10px 0;
		overflow: hidden;
	}

	#leftColumn,
	#rightColumn {
		width: 100%;
	}

	#middleColWrapper {display: none;}

	#rightColWrapper {
		float: left;
		width: 100%;
		max-width: 300px;
		margin: 10px auto;
		overflow: hidden;
	}

}