.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;padding:40px 0 0;font-size: 40px;color:#fff;font-weight:300;letter-spacing:10px}
#articleInfo7 .info p{font-size:60px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;color: #adeaeb;font-family:"Arial",Sans-serif;font-weight:bold;opacity:.85;letter-spacing:2px}
#articleInfo7 .info article{margin:20px 0 0;line-height:200%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;color:#fff;font-weight:400;font-size: 17px;text-align:justify}

@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 .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{font-size:50px;line-height: 100%;}
}