body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color: #383838;
	line-height: 30px;
	background: white;
	line-height: 1.5;
}

.topbottom {margin: 1% auto;}

a, a:hover{
	text-decoration: none;
}
.avatar { width:360px;height:68px;margin:0 auto;}
.navigation > div{
	background: url('../img/sep.png') repeat-y 60px 195px;
}

.navigation{
	background: white;
	font-size: 14px;
	line-height: 60px;
}

.navigation ul{
	margin: 0 !important;
}

.navigation li{
	list-style-type: none !important;
	/*border-bottom: 1px solid #2e2e2e;*/
}

/*.navigation li:hover{
	background: #161616;
	-webkit-transition: 0.3s linear;
	-moz-transition: 0.3s linear;
	-ms-transition: 0.3s linear;
	-o-transition: 0.3s linear;
	transition: 0.3s linear;
}*/

.navigation img{
	padding: 0 20px;
}

.navigation a{color: #161616 !important;
	line-height: 40px;
	padding-left:20px;
	display: inline-block;} 

.navigation a:hover{
	color: #e76e66 !important;
	line-height: 40px;
	padding-left:20px;
	display: inline-block;
}
.navigation a.active{color:#e76e66 !important;font-weight: bold;}
#img1{width:398px;height:482px;padding-top:10px}
#img4{width:340px;height:482px;padding-top:10px}
#img5{width:341px;height:482px;padding-top:10px}
#img2{width:226px;height:438px;}
#imgpen{width:300px;height:292px;margin:0 auto}

.main_content{padding-left:10px}
#copyright{font-size:14px}
.homeabout{
	background: #fff;
	margin: 0 !important;
	padding: 0px 30px ;
	min-height:439px!important;
}

.person{
	font-size: 30px;
	border-bottom: 1px solid #e1e1e1;
	line-height: normal;
	margin: 0;
        text-align:center;
        /*width:100%;*/
}
/*.main_content{width:100%}*/
.font16 { font-size:16px; }
.person a,
.person a:hover{
	color: #21ba82 !important;
}

.name{
	font-weight: 600;
	color: #e76e66;
        text-align:middle;
}

.desciption{
	padding-top: 20px;
	
}

.desciption.home { 
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	margin-bottom: 13px;
}


.title{
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
}

.desciption p {
	margin: 5px 0 !important;
        font-size:14px;
}


.row {
	margin-left: 0px !important;
	margin-bottom: 24px;
	margin-top: 10px;
}

.margin-center{
	text-align: center;
}

.margin-right {
	text-align: right;
}

/*.desciption img {
	padding: 10px;
	background: #232323;
}*/

.img { float: left; }
.text { float: left; padding-right: 5px; width: 172px; }
.text > h4 { color: #fff; margin-bottom: 0px; }
.text > p { font-size: 14px; color: #dcdcdc; line-height: 18px; }
.big { background: #232323; width: 339px; overflow: hidden; float:left; margin-right: 6px; }
#bars-content .content{ font-size: 16px; background: #F1F1F1; padding: 18px;} 


 

@media (min-width: 768px) and (max-width: 1024px) {
	.homeabout .span6 {
		width:100%;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
#img1,#img4,#img5{width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;}
}


@media (min-width: 600px) and (max-width: 800px) {
	.homeabout .span6 {
		width:100%;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
	
	.homeabout .span6:after {
			display: table;
  			line-height: 0;
  			content: "";
			clear:both;
	}
  #img1,#img4,#img5{width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;}
	
}


@media (min-width: 320px) and (max-width: 568px) {
	.homeabout .span6 {
		width:100%;
		margin-left: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
	

	.homeabout .span6:after {
			display: table;
  			line-height: 0;
  			content: "";
			clear:both;
			}
  #img1,#img4,#img5{width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;}
}