.wow { animation: fadeIn 1.5s both; -webkit-animation: fadeIn 1.5s both; animation-duration: 1s; -webkit-animation-duration: 1s; }
.delay1 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay2 { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; }
.delay3 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
#articleInfo12 { overflow: hidden; }
#articleInfo12 .row { margin: 0; }
#articleInfo12 .row h3 { font-size: 22px; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; line-height: 170%; letter-spacing: 2px; margin: 0; }
#articleInfo12 .row article { margin: 10px 0; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; font-size: 18px; letter-spacing: 2px; }
#articleInfo12 .row h4 { margin: 20px 0 0; font-size: 18px; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; letter-spacing: 2px; }
#articleInfo12 .row:nth-child(2) { width: 45%; }
#articleInfo12 .row .topBox { overflow: hidden; }
#articleInfo12 .row p { margin: 0 2% 0 0; float: left; width: 48%; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo12 .row p:nth-child(2) { margin: 0 0 0 2%; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
#articleInfo12 .row img { margin: 20px 0; -webkit-box-shadow: 0 0 12px #5d5d5d; -moz-box-shadow: 0 0 12px #5d5d5d; box-shadow: 0 0 12px #5d5d5d; }
#articleInfo12 .row img:hover { transform: scale(0.9); }
#articleInfo12 .row .downBox { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
@media screen and (max-width:768px) {
  #articleInfo12 .row,#articleInfo12 .row:nth-child(2) { margin-bottom: 15px; width: 100%; }
}
@media screen and (max-width:480px) {
  #articleInfo12 .row article{font-size:16px;}
}