#contentbar .wrapper{
	margin-left:2%;
	margin-right:2%;
	width:96%;
}
hr{
	border:0;
	border-top:1px #eaeaea solid;
}
h2{
	color:#0b5fa7;
	font-size: 28px;
}
h3{
	font-size:12px;
	color: #ff8a00;
	margin-top:30px;
}
.year{
	margin:40px auto;
}
.year .text{
	line-height: 1.4;
	font-size:14px;	
	text-align: justify;
}
.year.dx .text{
	float:right;
	width:50%;
}
.year.dx .photo{
	float:left;
	text-align: left;
	width:50%;
}
.year.sx .text{
	float:left;
	width:50%;
}
.year.sx .photo{
	float:right;
	text-align: right;
	width:50%;
}

@media (max-width: 1070px){
	
	.year .photo{
		width:43% !important;
	}
	.year .photo img{
		margin-top:90px;
		width:100%;
	}
	.year .text{
		width:45px;
		padding:0 20px;
	}
	
	
}	

@media (max-width: 767px){
	
	.year.dx .text,
	.year.sx .text{
	    float: none;
	    width: 100%;
	    padding: 0;
	}
	.year.dx .photo,
	.year.sx .photo{
	    float: none;
	    text-align: left;
	    width: 100% !important;
	}
	.year .photo img {
	    margin-top: 0;
	    width: 100%;
	}	
	.year {
	    margin: 0px auto;
	}

}