.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{position:relative}
#articleInfo7 >p{font-size:16px;text-align:justify;line-height:200%;margin-bottom:50px}
#articleInfo7 .twobox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px;align-items:center}
#articleInfo7 .photoBox{width:45%}
#articleInfo7 .twobox:nth-child(2) .photoBox{order:2}
#articleInfo7 .info{width:50%}
#articleInfo7 .info h3{position:relative;font-size:25px;color:var(--secondary);font-family:'Syncopate',sans-serif;text-transform:uppercase;font-weight:200}
#articleInfo7 .info h4{font-size:18px}
#articleInfo7 .info h4:after{content:'';width:40px;height:2px;display:block;margin:20px 0 30px;background:var(--primary)}
#articleInfo7 .info p{font-size:16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:768px){
	#articleInfo7 .twobox:nth-child(2) .photoBox{order:0;}
	#articleInfo7 .photoBox{position:relative;padding: 0;width: 100%;}
	#articleInfo7 .info{position:relative;margin-top: 20px;margin-left:0;background:none;width: 100%;}
}