.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo16 .item > div{float:left;width:55%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{float:right}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item .photo{overflow:hidden}
#articleInfo16 .item .photo img{width:100%;height:100%;object-fit:cover}
#articleInfo16 .item .info{margin:50px 0;width:40%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding: 10px 0;color:#444;font-size: 24px;letter-spacing: 2px;font-weight: 400;}
#articleInfo16 .item .info h3{font-size:50px;color:#9b9b9b;font-family: 'Lato',serif;font-weight: 500;border-bottom:1px solid #dbdbdb;margin-bottom:40px}
#articleInfo16 .item .info h3:after{content:'';display:block;width:65px;height:1px;background:#555;margin-top:15px}
#articleInfo16 .item .info article{font-weight: 400;line-height: 220%;text-align:justify;margin-top: 20px;}

@media screen and (max-width:768px){
	#articleInfo16 .item{display:block;}
	#articleInfo16 .item > div{width:100%;}
	#articleInfo16 .item .info{width:100%;}
	#articleInfo16 .item .info h3{
    font-size: 40px;
    margin-bottom: 20px;
}
}
@media screen and (max-width:480px){
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
}