.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;justify-content: space-between;align-items:center;flex-wrap:wrap;padding: 80px 80px 30px;}
#articleInfo7 .photoBox{width: 40%;left:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .info{width:50%}
#articleInfo7 .info h3{position:relative;padding: 0 0 10px;font-size: 45px;font-weight: 800;letter-spacing: 5px;text-transform: uppercase;}
#articleInfo7 .info p{font-size: 20px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color: #fff;font-weight:bold;letter-spacing:2px;line-height: 100%;background: #1298f7;display: inline-block;padding: 15px 40px;border-radius: 10px;}
#articleInfo7 .info article{margin:20px 0 0;line-height:200%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight:400;font-size: 17px;text-align:justify}

@media screen and (max-width:1024px){
	#articleInfo7{padding:0;}
	#articleInfo7 .photoBox{display:none;}
	#articleInfo7 .info{width:100%;}
}
@media screen and (max-width:768px){
	#articleInfo7{justify-content:center}
	#articleInfo7 .photoBox{position:relative;width:50%}
	#articleInfo7 .info{position:relative;margin-top:-130px;margin-left:0;background:none;width:100%}
	#articleInfo7 .info h3{left:0;text-align:right}
	#articleInfo7 .info article{font-size:15px}
}
@media screen and (max-width:480px){
	#articleInfo7 .photoBox{width: 80%;}
	#articleInfo7 .info{margin-top:0;}
	#articleInfo7 .info h3{text-align:left;margin: 0;padding-top: 10px;letter-spacing: 0;font-size: 40px;}
	#articleInfo7 .info article{margin-left:0}
	#articleInfo7 .info p{font-size: 18px;line-height: 100%;}
}