/*SCREEN WIDTH 36 OR MORE - LESS THAN 52 REM (SMALL TABLET)*/
#container	{
	width: 96%;
}

/*PLACES (SECONDARY NAVIGATION)*/

header .places	{
	display: block;
}

footer .places	{
	display: none;
}
.places	{
	font-size: 90%;
	width: 9rem;
	position: fixed;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch; /*for iPad*/
	overflow-y: auto;
	z-index: 200;
	top: 14.5rem;
	bottom: 0;
	left: 2%;
	border-left: 3px solid #21253e;
	border-right: 3px solid #21253e;
	-webkit-box-shadow: 0 2px 10px #21253e;
	-moz-box-shadow: 0 2px 10px #21253e;
	box-shadow: 0 2px 10px #21253e;
}	

.places li	{
	padding-left: 1rem;
}	

.places #map span	{
	display: none;
}

#logo	{
	width: 9rem;
	margin-left: 0;
	position: fixed;
	top: 0;
	left: 2%;
	z-index: 300;
	border-left: 3px solid #21253e;
	border-right: 3px solid #21253e;
	-webkit-box-shadow: 0 2px 10px #21253e;
	-moz-box-shadow: 0 2px 10px #21253e;
	box-shadow: 0 2px 10px #21253e;
}	

/*HEADER*/

header	{
	margin-left: 9rem;
	width: calc(100% - 9rem);
}

#title	{
	width: 70%;
	left: 15%;
	top: 55%;
}

/*NAVIGATION*/

nav	{
	margin-left: 9rem;
	width: calc(100% - 9rem);
	border-top: 1px solid #21253e;
	font-size: 90%;
}

nav ul	{
	float: none;
	width: 100%;
	text-align: center;
	vertical-align: top;
	margin: 0 auto;
}

nav li	{
	display: inline-block;
	margin: 0;
	padding: .5rem .5rem;
}

nav #journey1	{
	display: none;
}	

/*CONTENT*/
#content	{
	margin-left: 9rem;
	padding: 1rem 1.5rem;
}

/*MAP*/

#map_large {
	margin-bottom: 1rem;
}	

/*OBJECT ZOOM (POP-UP WINDOWS)*/

.pop_up	{
	left: calc(2% + 9rem + 6px);
	right: 2%;
}	

/*FOOTER*/

footer	{
	margin-left: 10.5rem;
	margin-right: 1.5rem;
	border-top: 3px solid #9a341c;
}