.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo16 .item{overflow:hidden;position:relative;width:calc(100% - 300px)}
#articleInfo16 .item > div{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;float:left}
#articleInfo16 .item .photo{overflow:hidden;border-radius: 25px;}
#articleInfo16 .item .photo img{width:100%}
#articleInfo16 .item .info{width:45%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;float:right}
#articleInfo16 .item .info h5{padding:10px 15px;border-top:2px #000 solid;border-bottom:1px #000 solid;font-size:14px;color:#444}
#articleInfo16 .item h3{margin-bottom:45px;border-left:4px solid var(--secondary);color:#383737;font-size:1.6rem;font-weight:400;background:rgb(230 230 230 / 75%);padding:5px 0 5px 20px;width: calc(100% - 24px);}
#articleInfo16 .item .info article{font-size:17px;text-align:justify;line-height:220%}

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