@charset "utf-8";

/* -------- Layout -------- */

.page {
	margin: 0 auto;
}

.twosidebars {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}

.twosidebars .main {
	background-color: #202020;
	padding: 25px;
	flex: 100% 1 1;
	order: 1;
}

.twosidebars .sidebar {
	background-color: #242424;
	padding: 25px;
	flex: 100% 0 0;
}

.twosidebars .sidebar-left {
	order: 3;
}

.twosidebars .sidebar-right {
	order: 2;
}

/* -------- Responsive Medium -------- */

@media screen and (min-width: 600px) {

	.page {
		max-width: 600px;
	}
	
	.twosidebars {
	}
	
	.twosidebars .main {
	}
	
	.twosidebars .sidebar {
		flex: 50% 0 0;
	}
	
	.twosidebars .sidebar-left {
		padding-left: 12.5px;
	}
	
	.twosidebars .sidebar-right {
		padding-right: 12.5px;
	}
	
}

/* -------- Responsive Large -------- */

@media screen and (min-width: 1150px) {
	
	.page {
		margin: 0 auto;
		max-width: 1100px;
	}
	
	.twosidebars {
		flex-flow: row nowrap;
	}
	
	.twosidebars .main {
		flex: auto 1 1;
		order: 2;
	}
	
	.twosidebars .sidebar {
		flex: 250px 0 0;
		padding: 25px;
	}
	
	.twosidebars .sidebar-left {
		order: 1;
	}
	
	.twosidebars .sidebar-right {
		order: 3;
	}
	
}