/* ==========================================================================
   Layout - Page structure: containers, columns, grid, sidebar
   ========================================================================== */
.content_layout {  
  max-width: 1200px;   /* adjust width */
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

#whole-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.container {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.col-md-9 {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.content_layout .col-md-9 {
	width: 75%;
	margin: 0 5.5em 0 5.5em;
}
.col-md-3 {
	width: 45%;
}
.col-md-12 .region.region-content {
	margin: 0 5.75em 0 5.75em;
}
.content_layout .col-md-12 {
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0 0 1em 0;
    max-width: 1200px;
}
.region-lower-content {
	background-color: #a8c8e9;
}
.sidebar {
	float: right;
}

/* ==========================================================================
   Layout - Mobile (max-width: 1023px)
   ========================================================================== */
@media (max-width: 1023px) {

	.col-md-12 .region.region-content {
		margin: 0 2.5em 0 2.5em;
		padding-bottom: 3em;
	}

	.bottom-widgets,
	.sidebar {
		display: none;
	}

	.content_layout .col-md-9 {
		margin: 0 5.5em 0 2em;
	}

	.content_layout .col-md-12 {
		margin: 0;
		background-size: cover;
		min-height: none;
	}

	.col-md-9 {
		text-align: center;
	}

	.col-md-3 {
		width: 100%;
	}

	.region.region-lower-content {
		display: none;
	}
}

/* ==========================================================================
   Layout - Tablet (768px - 1023px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1023px) {

	.content_layout .col-md-12 {
		margin: 0;
		min-height: 700px;
	}

	.region.region-lower-content {
		display: none;
	}
}