.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;}
.bottomBox {display: none;}
#articleInfo20 .info h5{text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;font-weight: 300;letter-spacing: 0.5px;}
#articleInfo20 ul {margin-bottom: 40px;text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;padding: 20px 0 0;}
#articleInfo20 ul li {margin: 10px;width: calc((100%/4) - 20px);display: inline-block;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;transition:all linear 0.3s;box-shadow: 0 10px 50px rgba(54, 53, 53, 0.06);overflow: hidden;position: relative;}
#articleInfo20 ul li h3 {font-size: 20px;text-align: center;}
#articleInfo20 ul li h5 {font-size: 16px;color: #caa34b;}
#articleInfo20 ul li p.photo {margin: 0px 0;}
#articleInfo20 ul li h5, #articleInfo20 ul li article{font-size: 15px;font-weight: 500;letter-spacing: 0.8px;color: #ffffff;line-height: 160%;margin-bottom: 0;position: absolute;left: 0;width: 100%;padding: 12px 0;background: rgba(0,0,0,.4);text-align: center;opacity: 0;pointer-events: none;-webkit-transition: all .2s linear;transition: all .2s linear;}
#articleInfo20 ul li h5, #articleInfo20 ul li article {opacity: 1;-webkit-transform: translateY(-48px);-ms-transform: translateY(-48px);transform: translateY(-48px);}
#articleInfo20 .bottomBox h3 {text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#articleInfo20 .bottomBox p {margin: 10px 0 20px;text-align: center;font-size: 18px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;padding: 5px 0 20px;font-size: 80px;color: #606060;font-family: 'Tangerine', cursive;font-weight: 200;display: none;}
#articleInfo20 .bottomBox article {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}

@media screen and (max-width: 1140px) {
	#articleInfo20 ul li {width: calc((100%/4) - 20px);}
}
@media screen and (max-width: 960px) {
	#articleInfo20 ul li {width: calc((100%/3) - 20px);}
}
@media screen and (max-width: 768px) {
	#articleInfo20 ul li {width: calc((100%/2) - 20px);}
}
@media screen and (max-width: 480px) {
	#articleInfo20 ul li {margin-bottom: 10px;width: calc((100%/1) - 0px);padding: 0px;}
	#articleInfo20 ul{margin-bottom: 10px;}
}