.container {
	margin: 0 auto;
	width: 1180px;
}

/* For desktop: */
.row {
	margin: 0 -10px;
}
.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
	box-sizing: border-box;
    float: left;
	min-height: 10px;
    padding: 0 10px;
}
.col-1 {width: 100px;}
.col-2 {width: 200px;}
.col-3 {width: 300px;}
.col-4 {width: 400px;}
.col-5 {width: 500px;}
.col-6 {width: 600px;}
.col-7 {width: 700px;}
.col-8 {width: 800px;}
.col-9 {width: 900px;}
.col-10 {width: 1000px;}
.col-11 {width: 1100px;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        //width: 100%;
    }
}

.three-col .view-content {
	margin: 0 -10px;
	overflow: hidden;
}
.three-col .view-content .views-row {
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
	width: 33.33%;
}