body{
	padding:10px;
	margin:0;
	font-family:sans-serif;
}

@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.about-section{
	padding: 0px !important;
}
.content{
    width: 100%;
    float: left;
    text-align: left;
	color:rgb(128, 0, 0);
    padding: 0 38px !important;
}
.about-section h3 {
    margin: 0;
    color: rgb(128, 0, 0);
    font-size: 12px !important;
    font-family: serif;
    text-decoration: underline;
}
.latter {
    font-size: 15px !important;
}
.main {
    width: 100%;
    float: left;
    padding: 25px 0 !important;
    text-align: left;
}
.main ol {
    margin-top: 10px !important;
    padding: 16px !important;
}
}


#wrapper{
	width:100%;
	float:left;
	height:auto;
}
.about-section{
	width: 100%;
    float: left;
    text-align: center;
    padding: 20px;
}
.about-section h3{
	margin: 0;
    color: rgb(128, 0, 0);
    font-family: serif;
    text-decoration: underline;
}
.about-section h5{
	color: rgb(128, 0, 0);
    font-family: serif;
	font-size:15px;
}
.latter{
	font-size:30px;
}
.content{
    width: 100%;
    float: left;
    text-align: left;
	color:rgb(128, 0, 0);
    padding: 0 24px;
}
.main{
    width: 100%;
    float: left;
    padding: 25px;
    text-align: left;
}
.main h4{
	font-weight:bold;
}
.main li{
	font-size: 16px;
    color: gray;
    text-align: left;
    margin-bottom: 15px;
    font-family: sans-serif;
}
.main ol{
	margin-top: 10px;
    padding: 15px;
	padding-bottom: 0;
}
.p-info{
    font-size: 16px;
    font-weight: bold;
    color: #800017;
}
.info{
    width: 100%;
    float: left;
    text-align: right;
}
.foot{
	width: 100%;
	padding-top: 20px;
    float: left;
    text-align: left;
}
.main-foot{
	width: 100%;
    float: left;
    background: black;
    color: white;
	margin-top: 20px;
    padding: 15px;
}
ul{
	padding: 15px;
}