/* about
***************************************************************************/

.title01{
	font-size: 120%;
	color: #003399;
}

.box01{
	padding: 15px 0;
	border-bottom: 1px solid #A79E87;
}

.box01:last-child{
	border: none;
	padding:15px 0 0 0;
}

.about_pic{
	width: 960px;
	list-style: none;
}

.about_pic li{
	float: left;
	margin: 0 20px 20px 0;
	padding: 5px;
}

.about_pic li img{
	width: 100%;
	height: auto;
}



/* screens smaller than 820
*********************************/ 
@media only screen and (min-width:541px) and (max-width:820px) {

.about_pic{
	width: auto;
}

.about_pic li{
	width: 330px;
	float: left;
	margin: 0 0 20px 0;
}

.about_pic li:nth-child(2n){
	float: right;
}

}

/* screens smaller than 540
*********************************/ 
@media only screen and (max-width:540px) {

.about_pic{
	width: auto;
	margin: 0 auto;
}

.about_pic li{
	float: none;
	margin: 5px 0;
}

}