.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;}
#articleInfo7 .photoBox{width: 40%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .info{width: 50%;order: -1;}
#articleInfo7 .info h3{position:relative;font-size: 40px;font-weight: 500;letter-spacing:10px;line-height: 100%;}
#articleInfo7 .info p{font-size: 50px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color: #7eafda;font-family:"Arial",Sans-serif;font-weight:bold;opacity:.85;letter-spacing:2px;line-height: 100%;margin-top: 15px;}
#articleInfo7 .info article{margin:20px 0 0;line-height:200%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight:400;font-size: 15px;text-align:justify;background: #b00110;padding: 40px;border-radius: 15px;}

@media screen and (max-width:1024px){
	#articleInfo7 .info p, #articleInfo15 .tit font{font-size: 45px;}
}
@media screen and (max-width:768px){
	#articleInfo7{justify-content:center}
	#articleInfo7 .photoBox{position:relative;width:50%}
	#articleInfo7 .info{position:relative;margin-top: 0;margin-left:0;background:none;width:100%}
	#articleInfo7 .info h3{left:0;text-align: left;padding: 0;}
	#articleInfo7 .info article{font-size:15px}
}
@media screen and (max-width:480px){
	#articleInfo7 .info p, #articleInfo15 .tit font{font-size: 35px;letter-spacing: 0;}
	#articleInfo7 .photoBox{width: 80%;}
	#articleInfo7 .info{margin-top:0;}
	#articleInfo7 .info h3{text-align:left;margin: 0;padding-top: 0;}
	#articleInfo7 .info article{margin-left:0}
	#articleInfo7 .info p{}
}