@charset "utf-8";

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

#page {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

#header {
	flex: 0 1 auto;
}

#logo-wrapper {
	display: flex;
}
	
#logo-text {
	flex: 1 0 auto;
}
	
#logo-follow {
	flex: 0 0 auto;
}
	
#center {
	flex: 1 0 auto;
	margin: 10px auto;
}
	
#footer {
	flex: 0 1 auto;
}

.max-width {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1200px;
}

.twosidebars {
	display: flex;
	gap: 10px;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.twosidebars .main {
	border-radius: 10px;
	padding: 20px;
	flex: 1 1 100%;
	order: 1;
}

.twosidebars .sidebar {
	border-radius: 10px;
	padding: 20px;
	flex: 0 0 100%;
}

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

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

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

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

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

@media screen and (min-width: 1200px) {
	
	.twosidebars {
		flex-flow: row nowrap;
	}
	
	.twosidebars .main {
		flex: 1 1 auto;
		order: 2;
	}
	
	.twosidebars .sidebar {
		flex: 0 0 20%;
	}
	
	.twosidebars .sidebar-left {
		order: 1;
	}
	
	.twosidebars .sidebar-right {
		order: 3;
	}
	
}