@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 .item {position: relative;display: flex;justify-content: flex-end;flex-wrap: wrap;}
#articleInfo7 .item > div {float: left;width: 45%;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 {overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: cover;border-radius: 0px 240px 0 0px;height: 100%;}
#articleInfo7 .item .photo img {width: 100%;height: 100%;object-fit: cover;position: relative;aspect-ratio: 4 / 2.5;}
#articleInfo7 .item .info {margin: 50px 0 50px 5%;width: 50%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo7 .item:nth-child(2n) .info {animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#articleInfo7 .item .info h5 {padding: 0 0 10px;font-size: 55px;line-height: 110%;color: var(--primary);position: relative;font-family: 'Cardo',serif;text-transform: uppercase;font-weight: 300;}
#articleInfo7 .item .info h3 {padding: 0 0 20px 0;font-size: 26px;color: var(--primary);font-weight: 600;letter-spacing: 0.5px;line-height: 160%;}
#articleInfo7 .item .info article p {position: relative;text-align: justify;width: 100%;margin-top: 20px;line-height: 200%;letter-spacing: 1px;border-bottom: #b3b3b357 1px solid;padding-bottom: 15px;}
#articleInfo7 .item .info article p:before {content: "";position: absolute;width: 35px;height: 2px;background: #4e2749;bottom: -1px;right: 0;}


@media screen and (max-width: 768px) {
	#articleInfo7 .item .photo {margin-bottom: 40px;width: 100%;border-radius: 0px 70px 0 0px;}
	#articleInfo7 .item .info {margin: 0;width: 100%;}
	#articleInfo7 .item .info h5:before {font-size: 130px;}
}
@media screen and (max-width: 480px) {
	#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;}
}