@charset "UTF-8";
/*!
 * responsive-columns.css
 * Author: Dmitriy Aseev
 * Author URL: http://www.aseev.com/
 * Github: https://github.com/aseev/

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Copyright Dmitriy Aseev 2014.
 */


/* Calculate percentage of .new-column width: (100 - (GapWidthInPercents * (numOfColumns - 1)))/numOfColumns */

.column-set {
    width:100%;
    text-align:justify;
	line-height:0;
    -ms-text-justify:distribute-all-lines;
    text-justify:distribute-all-lines;
}

/* INSTEAD OF .distribute-columns */
/*
.column-set:after {
    content:'';
    width:100%;
	vertical-align:top;
    display:inline-block;
    font-size:0;
    line-height:0;
}
*/

.distribute-columns {
    width:100%;
    display:inline-block;
    font-size:0;
    line-height:0;
	vertical-align:top;
}

.new-column {
	margin:0 0 0 0;
	width:100%;
	line-height:1;
    vertical-align:top;
    display:inline-block;
}

/* For IE 6/7 only to trigger hasLayout and contain floats. */
.new-column {
    *display:inline;
    zoom:1;
}


.four-columns .new-column {
	width:48%;
}

.five-columns .new-column {
	width:48%;
}

.six-columns .new-column {
	width:30.6666666667%;
}



/* MEDIA QUERIES */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

.two-columns .new-column {
	width:48%;
}

.two-columns-one-wide .new-column {
	width:30.6666666667%;
}

.two-columns-one-wide .wide {
	width:65.3333333334%;
}

.three-columns .new-column {
	width:30.6666666667%;
}

.three-columns-one-wide .new-column {
	width:22%;
}
.three-columns-one-wide .wide {
	width:48%;
}

.four-columns .new-column {
	width:22%;
}

.five-columns .new-column {
	width:16.8%;
}

.six-columns .new-column {
	width:13.3333333333%;
}


/* -------------------------------------------------------------- */
}
/* -------------------------------------------------------------- */