.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 .topBox{margin-bottom:80px}
#articleInfo7 .topBox h1{font-size:42px;font-family:'Raleway',sans-serif;font-weight:800;position:relative;color:var(--info);text-transform:uppercase;letter-spacing:5px;text-align:center;margin-bottom:70px}
#articleInfo7 .topBox p{text-align:center;font-size:20px}
#articleInfo7 .photoBox{padding:40px 40px 40px calc((100% - 1440px) / 2);width:calc(50% - 300px);border:1px solid rgba(45,45,45,.12);animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .info{width:32%;margin-right:calc((100% - 1440px) / 2)}
#articleInfo7 .info h3{position:relative;padding:40px 0;font-size:44px;left:-20%;color:#fff;text-shadow:1px 1px 7px #000000}
#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{font-size:16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify;line-height:200%}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1680px){
	#articleInfo7 .photoBox{width: calc(50% - 150px);}
	#articleInfo7 .info{width:35%;}
}
@media screen and (max-width:1440px){
	#articleInfo7 .photoBox{padding-left: 5%;}
	#articleInfo7 .info{margin-right: 5%;width: 40%;}
}
@media screen and (max-width:1024px){
	#articleInfo7 .photoBox{padding-left: 5%;width: calc(100% - 150px);}
	#articleInfo7 .info{margin: 40px auto 0;width: 90%;}
}
@media screen and (max-width:768px){
	#articleInfo7 .photoBox{position:relative;padding: 0 5%;width:90%;border: 0;}
	#articleInfo7 .info{}
	#articleInfo7 .info h3{left:0;text-align:right}
}
@media screen and (max-width:480px){
	#articleInfo7 .topBox{margin-bottom: 40px;}
	#articleInfo7 .topBox h1{font-size: 40px;margin-bottom: 30px;}
	#articleInfo7 .info{margin-top: 20px;}
	#articleInfo7 .info h3{padding:20px 0;text-align:left}
	#articleInfo7 .info article{margin-left:0}
}