.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;font-size: 23px;color:#444;letter-spacing: 3px;}
#articleInfo16 .item .info h3{font-size:50px;color:#9b9b9b;font-family:'Cormorant Garamond',serif;font-weight:400;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:300;line-height:200%;text-align:justify}

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