/*

** 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;

	}

}