.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: 60%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .info{width: 30%;}
#articleInfo7 .info h3{position:relative;padding:0 0 20px;font-size:74px;font-family:'Marcellus',serif;line-height:110%;color:#e2e2e2;letter-spacing:5px}
#articleInfo7 .info p{font-size:18px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;line-height:200%;text-align:justify}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#anchor{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
#anchor .box{width: calc((100%/4) - 25px);margin: 0 0 30px;border: 1px solid #eee;padding-bottom: 20px;}
#anchor .box .photo{margin-bottom: 20px;}
#anchor .box h3{padding: 0 20px 10px;font-size: 18px;}
#anchor .box p{font-size: 14px;padding: 0 20px;}

@media screen and (max-width:1366px){
	#articleInfo7 .info h3{font-size: 70px;}
}
@media screen and (max-width:1280px){
	#articleInfo7{}
	#articleInfo7 .photoBox{position:relative;width: 100%;}
	#articleInfo7 .info{position:relative;margin-top: 20px;margin-left:0;background:none;width: 100%;}
	#anchor .box{width: calc((100%/2) - 20px);}
}
@media screen and (max-width:480px){
	#articleInfo7 .info h3{font-size: 40px;}
	#articleInfo7 .info article{margin-left:0}
	#anchor .box{width:100%;}
}