.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-around;align-items: center;flex-direction: row-reverse;}
#articleInfo7 .photoBox{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;overflow: hidden;width: 40%;display: flex;justify-content: center;}
#articleInfo7 .photoBox img{width: 100%;}
#articleInfo7 .info{width:45%;}
#articleInfo7 .info .photo{display: flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo7 .info .photo p{width: calc((100%/3) - 20px);text-align: center;}
#articleInfo7 .info .photo p img{width:80%;}
#articleInfo7 .info .photo p b{margin-top:10px;display: block;text-align: center;font-weight: 400;}
#articleInfo7 .info h3{position:relative;padding: 0px 0 20px;font-size: 30px;color: var(--secondary);}
#articleInfo7 .info p{line-height:200%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify}
#articleInfo7 .info article{margin: 10px 0 10px;line-height: 200%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight: 500;letter-spacing: 1px;font-size: 16px;}
#articleInfo7 .info ol{margin-top:20px;padding-left: 30px;}
#articleInfo7 .info li{list-style: disc;}

@media screen and (max-width:768px){
	#articleInfo7 .photoBox{position:relative;width: 80%;}
	#articleInfo7 .info{width: 100%;margin-top: 40px;}
}
@media screen and (max-width:640px){
	#articleInfo7 .info .photo p{width: 80%;margin: 0 auto 30px;}
}