.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: center;}
#articleInfo7 .photoBox{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;position: relative;}
#articleInfo7 .photoBox:after{content:'';width: 100%;height: 100%;position: absolute;top: 20px;left: 20px;border: 1px solid #ececec;}
#articleInfo7 .photoBox img{}
#articleInfo7 .info{width: 42%;}
#articleInfo7 .info h3{position:relative;padding:0 0 20px;color:var(--primary);font-weight:300;font-size:45px;font-family:'Prosto One',cursive;line-height:130%;text-transform:uppercase}
#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{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;font-weight:400;font-size:25px;color:var(--info);letter-spacing:2px}
#articleInfo7 .info article{margin:50px 0 0;line-height:200%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;text-align:justify}

@media screen and (max-width: 1024px){
	#articleInfo7 .photoBox{width:100%}
	#articleInfo7 .info{position:relative;margin-top: -70px;width: 100%;}
	#articleInfo7 .info h3{left:0;text-align:right;padding-right: 30px;color: var(--white);}
	#articleInfo7 .info article{margin-top: 10px;}
	#articleInfo7 .info p{margin-top: 40px;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info{margin-top:50px;}
	#articleInfo7 .info p{margin-top: 10px;}
	#articleInfo7 .info h3{text-align: left;color: var(--primary);font-size: 35px;}
}