.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;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
#articleInfo7 .photoBox{width:50%;left:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;position:relative}
#articleInfo7 .photoBox:after{content:'';width:99%;height:98%;position:absolute;top:40px;left:40px;border:5px solid var(--triadic2);opacity:.25;z-index:-1}
#articleInfo7 .info{width:40%}
#articleInfo7 .info h3{position:relative;margin-bottom:30px;font-size:27px}
#articleInfo7 .info p{font-size:17px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify;line-height:200%}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1024px){
	#articleInfo7 .photoBox:after{border: 1px solid var(--triadic2);z-index: 1;top: 0;left: 0;width: calc(100% - 40px);margin: 20px;height: calc(100% - 40px);}
	#articleInfo7 .photoBox{position:relative;width: 100%;}
	#articleInfo7 .info{width: 100%;margin-top: 30px;}
	#articleInfo7 .info h3{margin-bottom: 12px;font-size: 25px;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info article{margin-left:0}
}