#wrapper{
	width: 100%;
	margin: 0;
}

.centered-wrapper{
	width: auto;
	margin: 0;
}

#header{
	width: auto;
	display: flex;
	justify-content: space-between;
	padding-right: 16px;
}

#header > *{
	float: none;
}

.centered-wrapper-content{
	padding: 0 16px;
}

.centered-wrapper-content .featured-page{
	display: flex;
	justify-content: space-between;
	max-height: 83vh;
}

.centered-wrapper-content .featured-page .one-fourth{
	width: 320px;
}

.featured-sidebar{
	width: 280px;
}

.featured-sidebar a, .featured-sidebar ul li.selected a{
	width: 260px;
}

.featured-sidebar ul li.selected{
	background: url(/images/featured-arrow.png) no-repeat scroll 280px center;
	width: 290px;
}

.featured-sidebar h3{
	text-align: center;
}

.centered-wrapper-content .featured-page .one-fourth,
.centered-wrapper-content .featured-page .percent-one-half.column-last{
	overflow-y: auto;
}

.centered-wrapper-content .featured-page .three-fourth.column-last{
	width: calc(100% - 320px);
	min-height: 80vh;
}

.centered-wrapper-content .featured-page .percent-one-half{
	margin-right: 2%;
	width: calc(100% - 370px);
	height: 100%;
}

.centered-wrapper-content .featured-page .percent-one-half.column-last{
	height: 100%;
	width: 320px;
}

.centered-wrapper-content .featured-page .three-fourth.column-last.left-hidden{
	width: calc(100% - 600px);
}

.centered-wrapper-content .featured-page .percent-one-half.column-last.left-hidden{
	overflow-y: auto;
	max-height: 80vh;
	width: 580px;
}

#map{
	width: 100%;
	height: 95% !important;
}

h3{
	margin: 16px 0;
}

#footer{
	width: 100% !important;
	padding: 0;
}

#footer .centered-wrapper{
	padding: 32px;
}

.table-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.table-flex div table{
	width: 600px;
}

.sidebar-button{
	display: none;
}

#slider{
	height: 100%;
}

.slider-cont{
	width: 20vw;
	height: 50vh;
}

.nivo-directionNav a{
	border: 1px solid #c8c8c8;
}

.nivo-controlNav{
	display: none;
}

@media (min-width: 1024px) and (max-width: 1590px){
	.table-flex div table{
		width: 670px;
	}
}

@media (min-width: 1800px){
	.table-flex{
		justify-content: normal;
	}
	
	.table-flex .part:not(:first-child){
		margin-left: 32px;
	}
	
	.table-flex div table{
		width: 670px;
	}
}

@media (max-width: 1023px){
	#wrapper{
		width: 100% !important;
	}
	
	.centered-wrapper{
		width: 100% !important;
		padding: 0 !important;
	}
	
	#header{
		flex-direction: column;
		align-items: center;
		width: 100vw !important;
		padding: 0;
	}
	
	.centered-wrapper-content .featured-page .one-fourth,
	.featured-sidebar ul li, .featured-sidebar ul li a{
		width: 100% !important;
	}
	
	.featured-sidebar ul li a{
		margin: 0;
	}
	
	.featured-sidebar{
		width: 99% !important;
		display: none;
	}
	
	.sidebar-button{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px 0;
		color: #999;
		background: #fff;
		border: 1px solid #ebebeb;
		margin-bottom: 8px;
	}
	
	.sidebar-button span{
		margin-left: 8px;
		font-weight: bold;
		transform: rotate(0deg);
		transition: transform .3s;
	}
	
	.sidebar-button:not(.active) span{
		transform: rotate(180deg);
	}
	
	.centered-wrapper-content .featured-page{
		max-height: none;
		flex-direction: column;
	}
	
	.centered-wrapper-content .featured-page .three-fourth.column-last,
	.centered-wrapper-content .featured-page .percent-one-half.column-last,
	.centered-wrapper-content .featured-page .percent-one-half,
	.normal-table{
		width: 100% !important;
	}
	
	table{
		overflow-x: auto;
	}
	
	.table-flex .part{
		width: 100%;
	}
	
	.table-flex table{
		overflow-x: auto;
	}
	
	#map{
		height: 500px !important;
	}
	
	#topfooter{
		display: flex;
		flex-direction: column;
		width: 100vw;
		padding: 8px 16px;
	}
	
	.centered-wrapper-content .featured-page .three-fourth.column-last{
		min-height: auto;
		margin-bottom: 32px;
	}
	
	.centered-wrapper-content .featured-page .percent-one-half.column-last.left-hidden{
		max-height: none;
		overflow: hidden;
	}
	
	.slider-cont{
		width: 100%;
		height: 40vh;
	}
}