#articleInfo34 .item { position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap; }
#articleInfo34 .item>div { float: left; width: 45%; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo34 .item:nth-child(2n)>div { float: right; }
#articleInfo34 .item:nth-child(2n) .photo { animation-name: fadeInRight; -webkit-animation-name: fadeInRight; }
#articleInfo34 .item .photo {overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;height: 100%;}
#articleInfo34 .item .photo img {width: 100%;height: 100%;object-fit: cover;position: relative;object-position: 80% 50%;}
#articleInfo34 .item .info {margin: 30px 0 30px 5%;width: 50%;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#articleInfo34 .item:nth-child(2n) .info { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; }
#articleInfo34 .item .info h5 { padding: 0 0 10px; font-size: 55px; line-height: 110%; color: var(--primary); position: relative; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 400; }
#articleInfo34 .item .info h5:before { content: "ABOUT"; position: absolute; right: 0; font-size: 180px; font-weight: 800; z-index: -1; color: #e9e9e93b; top: 25px; }
#articleInfo34 .item .info h3 {margin-bottom: 10px;letter-spacing: 0.5px;font-size: 29px;color: var(--primary);line-height: 170%;}
#articleInfo34 .item .info article p {position: relative;text-align: justify;width: 100%;margin: 15px 0;line-height: 200%;letter-spacing: 1px;}
@media screen and (max-width:768px) {
	#articleInfo34 .item .photo { position: relative; width: 100%; margin-bottom: 20px; }
	#articleInfo34 .item:nth-child(2n) .photo { right: 0; }
	#articleInfo34 .item .info { margin: 0; width: 100%; }
	#articleInfo34 .item:nth-child(2n) .info h5, #articleInfo34 .item:nth-child(2n) .info h3 { margin: 0 auto 0 0; }
	#articleInfo34 .item .info h5:before { font-size: 130px; }
}
@media screen and (max-width:480px) {
	#articleInfo34 .item>div, #articleInfo34 .item:nth-child(2n)>div { float: none; }
	#articleInfo34 .item .photo:before { border: 4px double rgb(255 255 255); }
	#articleInfo34 .item .info h5 { font-size: 30px; padding: 0; }
	#articleInfo34 .item .info h5:before { font-size: 80px; }
}
