table{margin:15px 0;width:100%;border-collapse:collapse}
td,th{padding:10px;border:1px solid #a2a9b1}
#articleInfo20 .bottomBox h3{font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight:400}
#articleInfo20 .bottomBox p{margin:10px 0 20px;font-size:16px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;text-align:justify;line-height:220%}
#articleInfo20 .bottomBox p img{width:100%}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 ul{flex-wrap:wrap;display:grid;grid-template-columns: repeat(3,1fr);gap:20px 20px}
#articleInfo20 ul li{padding:25px;display:inline-block;border:5px #eee solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;border-radius:25px}
#articleInfo20 ul li:hover{border-color: var(--secondary);}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li article{font-size:15px;text-align:justify;line-height:180%}
#articleInfo20 ul li h2 a{font-size: 21px;font-weight: 600;color: var(--secondary);text-align: center;}
#articleInfo20 ul li p.photo{margin:0 0 15px;border-radius:20px;overflow:hidden}
#articleInfo20 .bottomBox h3{font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

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