.tile {
	padding: 20px 10px 20px 10px;
	position: relative;
	display: flex;
	align-items: start;
}

.tileimg {
	margin: 0 auto;
	display: block;
	padding: 20px 20px 20px 0;
}

/*////////////////
column_layouts*/
.column1_layout, .columns2_layout, .columns3_layout, .columns4_layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.columns4_layout .tile.columns4, .columns3_layout .tile.columns3,
	.columns2_layout .tile.columns2 {
	width: 100%;
}

.columns3_layout .tile.columns2 {
	width: 65%;
}

.columns4_layout .tile.columns2 {
	width: 47%;
}

.column1_layout>div, .column1_layout>li {
	width: 100%;
}

.columns2_layout>div, .columns2_layout>li {
	width: 49%;
}

.columns2_layout>div.free_column, .columns2_layout>li.free_column {
	width: 48%;
}

.columns3_layout>div, .columns3_layout>li {
	width: 35%;
}

.columns3_layout>div.free_column, .columns3_layout>li.free_column {
	width: 31%;
}

.columns4_layout>div, .columns4_layout>li {
	width: 23.5%;
}

@media ( max-width : 960px) {
	.columns4_layout>div, .columns4_layout>div.free_column, .columns4_layout>li,
		.columns4_layout>li.free_column {
		width: 50%;
	}
	.columns4_layout .tile.columns2 {
		width: 100%;
	}
}

@media ( max-width : 800px) {
	.columns3_layout>li, .columns2_layout .article .imagebox,
		.columns2_layout .textbox {
		width: 100%;
	}
}

@media ( max-width : 600px) {
	.columns3_layout .tile.columns2, .columns2_layout>div, .columns3_layout>div,
		.columns2_layout>div.free_column, .columns3_layout>div.free_column,
		.columns4_layout>div.free_column, .columns2_layout>li,
		.columns2_layout>li.free_column, .columns3_layout>li.free_column,
		.columns4_layout>li.free_column {
		width: 100%;
	}
	.column1_layout .article .imagebox, .column1_layout .textbox {
		width: 100%;
	}
	.tile {
		padding: 20px;
	}
	.tileimg {
		padding: 20px;
	}
}