div#ardianHistory { position: relative; max-width: 1205px; width: 100%; margin: 0 auto; }
#container20ans  {position: relative; top: 0px; bottom: 0; left: 0; right: 0; z-index: 80; overflow: auto; min-height: 800px; }
#container20ans_bkg {position: absolute; top: 80px; left: 0; right: 0; bottom: 0; background: white; opacity: 1.0;  z-index: 70;}

div#ardianHistory ul {right: 0}
div#ardianHistory ul li img {height: 150px; width: auto}

div#ardianHistory #close20ans {position: absolute; top: 35px; right: 30px; cursor: pointer;}
div#ardianHistory #close20ans:hover {opacity: 0.8} 
div#ardianHistory #close20ans img {width: 30px; height: auto}

.itemContainer .introText p 
{
	font-size: inherit;
	margin: 30px 0;
}

.itemContainer .rightBoxContentRight {
    margin-top: -65px;
}

.itemContainer .introText, .itemContainer .fullText {
    width: 45%;
}

.ardianBack {
    margin-bottom: 100px;
}

.tos-slide{overflow: auto}
.itemContainer figcaption {text-align: center}

#navigation {background: white}


@media all and (max-width: 900px) {
	div#ardianHistory #close20ans {top: 15px; right: 0;}
	div#ardianHistory #close20ans img {width: 20px;}
	.ardianBack {margin-bottom: 30px;}
	.itemContainer .rightBoxContentRight { margin-top: -30px;}

	.itemContainer{max-height: none}

	.itemContainer .rightBoxContentRight {width: 70% !important; max-width: 195px !important;}

	#ardianHistory #ardianIntroBoxContent div h1 {font-size: 120%;}

	#ardianHistory #ardianIntroBoxContent div h2 {font-size: 100%;}
}