/*
** Easy Columns CSS: css to define column layouts for the WP-Colum plugin
** for more info visit: http://www.patrickfriedl.com.com/
**
** use percentage widths and margins for fluid
** or unknown content widths and fixed
** widths and margins for known content widths
**
** for pixel widths:
** div width = ((content width - padding - margin)/number of divs)
** - margin - padding - border
**
** for more information on calcluating your widths, check
** out http://www.w3schools.com/css/css_boxmodel.asp
** for info on the CSS box model
*/
.ezcol>* {
	max-width: 100%;
}

.ezcol-one-quarter, .ezcol-one-half, .ezcol-three-quarter, .ezcol-one-third, .ezcol-two-third, .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth {
	float: left;
	margin-right: 4%;
	position: relative;
	word-wrap: break-word;
	hyphens: auto;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	text-rendering: optimizedLegibility;
}

.ezcol-one-quarter {
	width: 22%;
}

.ezcol-one-half {
	width: 48%;
}

.ezcol-three-quarter {
	width: 74%;
}

.ezcol-one-third {
	width: 30.666%;
}

.ezcol-two-third {
	width: 65.334%;
}

.ezcol-one-fifth {
	width: 16.8%;
}

.ezcol-two-fifth {
	width: 37.6%;
}

.ezcol-three-fifth {
	width: 58.4%;
}

.ezcol-four-fifth {
	width: 79.2%;
}

.ezcol-last {
	float: right;
	clear: right;
	margin-right: 0;
}

.ezcol-last:after {
	content: ".";
	opacity: 0;
	display: block;
	height: 0;
	clear: both;
}

.ezcol-both, .ezcol-left, .ezcol-right {
	margin: 0;
	padding: 0;
	background: none;
}

.ezcol-divider {
	clear: both !important;
	display: block !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	width: 100% !important;
	background: none !important;
}

.ezcol-both {
	clear: both !important;
}

.ezcol-left {
	clear: left !important;
}

.ezcol-right {
	clear: right !important;
}

@media all and (max-width: 768px) {
	.ezcol-one-quarter, .ezcol-one-half, .ezcol-three-quarter, .ezcol-one-third, .ezcol-two-third, .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth {
		width: 48% !important;
		margin-right: 2%;
	}
	
	.ezcol-last {
		float: left;
		clear: none;
		display: block;
	}
	
	.ezcol-last:after {
		content: "";
		display: block;
		clear: none;
	}
	
	.ezcol-last + .ezcol-divider {
		clear: none !important;
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

@media all and (max-width: 480px) {
	.ezcol-one-quarter, .ezcol-one-half, .ezcol-three-quarter, .ezcol-one-third, .ezcol-two-third, .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth {
		width: 100% !important;
		margin-right: 0;
	}
}