/*WINDOW WIDTH LESS THAN 36REM (MOBILE)*/
#container	{
	width: 94%;
}	

/*SECONDARY NAVIGATION (PLACES)*/

header .places	{
	display: none;
}

footer .places	{
	display: block;
	font-size: 90%;
	width: 100%;
}

footer .places ul	{
	width: 94%;
	margin: 0 auto;
}	
	
footer .places li	{
	padding: .5rem 0 .5rem 4rem;
	
}

#map2, #journey2	{
	padding-left: 2rem;
}

#journey2 a:hover, #journey2 a:active, #journey2 a:focus	{
	color: #cccccc;
}	

#journey2 a 	{
	cursor: default;
}
	
#map2 img	{
	display: none;
}

/*HEADER*/	

header	{
	width: 100%;
}

#title	{
	width: 75%;
	left: 12.5%;
	top: 55%;
}

#banner	{
	width: 100%;
	
}	

/*LOGO*/

#logo	{
	width: 6rem; 
	float: left;
	margin-left: calc(50% - 7rem);
}

/*PRIMARY NAVIGATION*/

nav	{
	font-size: 90%;
	background: #b2c5d3;
	width: 100%;
	border-bottom: 1px solid #21253e;
}

nav ul	{
	float: right;
	width: 10rem;
	margin: auto 0;
	margin-right: calc(50% - 10rem);
	vertical-align: center;
}	

nav li	{
	display: block;
	padding: .3rem 0;
}

nav li span	{
	display: none;
}	

nav a	{	
	color: #21253e;
}	

/*CONTENT*/

#content	{
	padding: 1rem;
	font-size: .95rem;
}

#content section:last-child	{
	border-bottom: none;
}

h2, h3	{
	text-align: center;
}
	
h2	{
	font-size: 1.3rem;
}

h3, h4	{
	font-size: 1rem;
}	

/*IMAGES*/

figure.left, figure.right	{
	margin: 0 auto 1rem;
}	

figure.landscape	{
	width: 100%;
}

figure.portrait	{
	width: 80%;
}

figure.small	{
	display: none;
}

figure.object	{
	width: 42%;
	float: left;
	margin: 0 0 2rem 5%;
}

figcaption	{
	text-align: center;
}

figcaption + figcaption	{
	text-align: justify;
	background: #e5ecf0;
	padding: .5rem;
}	

.insert	{
	font-size: 90%;
}	

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

.pop_up	{
	left: 3%;
	right: 3%;
}	
	
.pop_up h4	{
	text-align: center;
}	

.reduced	{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}	

/*DOTS ON THE MAP*/

#map_large a	{
	font-size: .4rem;
}	

#map_large a:before	{
	top: .4rem;
	left: 0;
	border: 2px solid #ad5144;
	border-radius: 50%;
}	

#map_large a:hover span, #map_large a:active span, #map_large a:focus span {
	display: block;
}	

#map_large .dot	{
	margin-left: .2rem;
	padding: .2rem;
}	

/*LABELS ON THE MAP: ADJUSTED POSITIONS TO AVOID OVERLAP*/

#map_large #dot_silla a	{
	margin-top: -.3rem;
	margin-left: -.1rem;
}

#map_large #dot_bodhgaya a	{
	margin-top: -.3rem;
	margin-left: -.1rem;
}

#map_large #dot_sarnath a	{
	margin-left: -3rem;
}

#map_large #dot_kashmir a	{
	margin-top: -.4rem;
	margin-left: -.1rem;
}

#map_large #dot_gandhara a	{
	margin-top: .4rem;
	margin-left: -.3rem;
	
}

#map_large #dot_bamiyan a	{
	margin-left: -3.2rem;
}

#map_large #dot_persia a	{
	margin-top: -.2rem;
	margin-left: -2.5rem;
}	

#map_large #dot_tang_china a	{
	margin-top: .3rem;
	margin-left: -.1rem;
}