.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}
#articleInfo20 ul{margin-bottom:40px;text-align:center;align-items:center;padding:20px 0 0;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px 10px;}
#articleInfo20 ul li{display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;box-shadow: 0 6px 20px rgba(54,53,53,0.12);overflow:hidden;position:relative;padding: 20px;}
#articleInfo20 ul li p.photo{margin:0px 0}
#articleInfo20 ul li p.photo img{aspect-ratio: 4 / 1;object-fit: contain;width:100%;padding: 10px;}
#articleInfo20 ul li article{font-size: 16px;font-weight:500;letter-spacing:0.8px;color: #000000;line-height:160%;margin-bottom:0;width:100%;padding: 20px 0;background: rgb(255 255 255 / 40%);text-align:center;pointer-events:none;-webkit-transition:all .2s linear;transition:all .2s linear}



@media screen and (max-width:1140px){
	#articleInfo20 ul{grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:480px){
	#articleInfo20 ul{margin-bottom:10px;grid-template-columns: repeat(1, 1fr);gap: 30px 30px;}
}