@import url('/css/animate.css');

.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{margin-bottom:50px;}
#articleInfo7 p{margin-bottom: 70px;border-bottom: 1px solid #ddd;padding-bottom: 50px;font-size: 18px;}
#articleInfo7 .item{position:relative;display: grid;grid-template-columns: 60% 35%;align-items: center;justify-content: space-between;}
#articleInfo7 .item > div{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .item .photo{overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;height: 100%;}
#articleInfo7 .item .photo iframe{height:350px;}
#articleInfo7 .item .photo img{width:100%;height:100%;object-fit:cover;position:relative}
#articleInfo7 .item .info{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;}
#articleInfo7 .item .info h5{padding:0 0 10px;position:relative;font-size: 60px;color: var(--primary);line-height: 1.5;text-transform: uppercase;font-family: "Lato", sans-serif;font-weight: 300;}
#articleInfo7 .item .info h3{line-height:160%;color: #232222;font-size: 24px;font-weight: 500;letter-spacing: 2px;margin-bottom: 20px;}
#articleInfo7 .item .info article p{position:relative;text-align:justify;width:100%;margin-top:20px;line-height:200%;font-size: 16px;}

@media screen and (max-width:1024px){
	#articleInfo7 .item .info{margin: 60px auto 0;}
	#articleInfo7 .item{display:block;}
}
@media screen and (max-width:480px){
	#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}
}