.articles{
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}
.articles-item{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 736px;
	height: 351px;
}
.articles-item--revert{
	flex-direction: row-reverse;
}
.articles-item-pic, .articles-item-info{
	max-width: 48%;
	height: inherit;
}
.articles-item-img{
	height: inherit;
	object-fit: cover;
}
.articles-item-info{
	background-color: var(--green);
	padding: 20px;
}
.articles-item-info-top{
	max-height: 233px;
}
.articles-item-info--grey{
	background-color: #F4F4F4;
}
.articles-item-title{
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	padding-bottom: 25px;
	text-transform: uppercase;
	line-height: 1.3;
}
.articles-item-title--black{
	color: #000;
}
.articles-item-text{
	font-size: 14px;
	padding-bottom: 72px;
	color: #fff;
}
.articles-item-text--black{
	color: #000;
}
.articles-item-button{
	width: max-content;
}
.articles-item-link{
	text-decoration: none;
	width: 50px;
    display: flex;
	justify-content: center;
	align-items: center;
    height: 50px;
	background-color: #fff;
	font-size: 30px;
}
.articles-item-link--black{
	background-color: #464646;
	color: #fff;
}
.articles-item-bottom{
	display: flex;
	justify-content: space-between;
}
.article-item-source{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}
.article-item-source--black{
	color: #000;
}
@media(max-width: 1530px){
	.articles{
		justify-content: center;
	}
	.articles-item{
		max-width: 680px;
	}
}
@media(max-width: 1405px){
	.articles-item {
        max-width: 620px;
    }
	.articles-item-info-top {
		max-height: 260px;
	}

}
@media(max-width: 1284px){
	.articles-item {
        max-width: 570px;
    }

}
@media(max-width: 1284px){
	.articles-item {
        max-width: 540px;
    }
	.articles-item-title{
		font-size: 17px;
	}
}
@media(max-width: 1125px){
	.articles-item {
        max-width: 500px;
    }
}
@media(max-width: 1045px){
	.articles-item {
        max-width: 470px;
    }
	.articles-item-title {
        font-size: 15px;
    }
}
@media(max-width: 985px){
	.articles-item {
        max-width: 455px;
    }
}
@media(max-width: 955px){
	.articles-item {
        max-width: 430px;
    }
	.articles-item-title{
		padding-bottom: 10px;
	}
}
@media(max-width: 904px){
	.articles-item {
        max-width: 47%;
        flex-direction: column-reverse;
		gap: 20px;
		height: unset;
    }
	.articles-item-pic, .articles-item-info {
		max-width: 100%;
		height: 275px;
	}
	.articles-item-info-top {
        height: 185px;
    }
}
@media(max-width: 560px){
	.articles-item-link{
		width: 35px;
		height: 35px;
	}
	.articles-item-bottom{
		padding-top: 25px;
	}
}
@media(max-width: 510px){
	.articles-item-info-top {
        height: 154px;
        overflow-y: hidden;
    }
}
@media(max-width: 436px){
	.articles-item{
		max-width: 100%;
	}
}