@import url('/Other/www.w1722.gu/css/animate.css');
.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7 .item{position:relative;display: grid;align-items: center;grid-template-columns: 55% 35%;gap: 0 50px;justify-content: space-between;}
#articleInfo7 .item > div{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .item:nth-child(2n) > div{float:right}
#articleInfo7 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .item .photo img{width:100%;object-fit:cover;position:relative;box-shadow: 20px 20px #c3ae93;}
#articleInfo7 .item .info{margin: 50px 0;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .item .info h5{padding:0 0 10px;line-height:110%;position:relative;font-weight:400;font-size: 50px;font-family: "Marcellus", serif;text-transform: uppercase;color: #464a4a;}
#articleInfo7 .item .info h5:before{content:"ABOUT";position:absolute;right:0;font-size:180px;font-weight:800;z-index:-1;color:#e9e9e93b;top:25px}
#articleInfo7 .item .info h3{padding:5px 0 20px 0;line-height:160%;font-size: 22px;color: #464a4a;font-weight: 500;letter-spacing: 10px;margin-bottom: 20px;margin-top: 10px;position: relative;}
#articleInfo7 .item .info p{position:relative;text-align:justify;margin-top:20px;line-height:200%;letter-spacing:1px;padding-bottom:15px;font-size: 22px;color: #464a4a;font-weight: 500;}
#articleInfo7 .item .info article{font-size: 16px;text-align: justify;line-height: 2.3;}

@media screen and (max-width:1024px){
	#articleInfo7 .item{display:block;}
	#articleInfo7 .item .photo{position:relative;width:100%;margin-bottom: 70px;}
	#articleInfo7 .item:nth-child(2n) .photo{right:0}
	#articleInfo7 .item .info{margin:0;width:100%}
	#articleInfo7 .item .info h5,#articleInfo7 .item .info h3{}
	#articleInfo7 .item .info h3{}
	#articleInfo7 .item:nth-child(2n) .info h5,#articleInfo7 .item:nth-child(2n) .info h3{margin:0 auto 0 0}
	#articleInfo7 .item .info h5:before{font-size:130px}
}
@media screen and (max-width:480px){
	#articleInfo7 .item .info p{font-size: 18px;letter-spacing: 0;}
	#articleInfo7 .item > div,#articleInfo7 .item:nth-child(2n) > div{float:none}
	#articleInfo7 .item .photo:before{border:4px double rgb(255 255 255)}
	#articleInfo7 .item .info h5{font-size:30px;padding:0}
	#articleInfo7 .item .info h5:before{font-size:80px}
}