/* #########################################################
* STRUCTUREL
* ########################################################## */

.layout {
	margin: 0 auto;
	min-width: 340px;
}

.sidebar {
	width: 300px;
}

.main {
	width: calc(100% - 350px);
}

.fullwidth {
	padding-left: 4%;
	padding-right: 4%;
}

.max-width {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.max-width.narrow {
	max-width: 800px;
}


.page-body h1,
.archive-body h1 {
	margin-bottom: 50px;
}


@media all and (max-width:1315px) {
	.max-width {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media screen and (max-width:1060px) {
	.main {
		width: calc(100% - 350px);
	}

	.sidebar {
		width: 300px;
	}
}

@media screen and (max-width:700px) {
	.main {
		width: calc(100% - 250px);
	}

	.sidebar {
		width: 200px;
	}
}

@media screen and (max-width:450px) {

	.main,
	.sidebar {
		width: 100%;
	}

	.left,
	.right {
		float: none;
	}

	/* header.simple { margin-bottom:50px; } */


	.page-body h1,
	.archive-body h1 {
		margin-bottom: 20px;
	}

}