.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;flex-wrap:wrap;justify-content:space-between;align-items:stretch}
#articleInfo7 .photoBox{width:45%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:50%;margin:50px 0}
#articleInfo7 .info h3{position:relative;padding:0 0 40px;font-size:35px;color:var(--secondary)}
#articleInfo7 .info:hover h3{animation:animatedIcon 1s;-webkit-animation:animatedIcon 1s infinite linear;-moz-animation:animatedIcon 1s infinite linear;-ms-animation:animatedIcon 1s infinite linear;-o-animation:animatedIcon 1s infinite linear}
#articleInfo7 .info p{font-size:17px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color:var(--secondary);line-height:200%;text-align:justify}
#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 .photoBox{width: 100%;}
	#articleInfo7 .info{position:relative;margin: 30px 0 0;width: 100%;}
	#articleInfo7 .info h3{padding-bottom: 10px;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info h3{line-height: 130%;}
}