.articles-wrapper {
	display: block;
    position: relative;
    min-height: 650px;
}
.articles {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1, 1fr);
	margin-bottom: 25px;
}
.articles-item {
	display: block;
	position: relative;
	box-shadow: 0px 0px 35px var(--color__gray-2);
	box-sizing: border-box;
	padding: 15px;
border-radius: 25px;

}
.articles-item-table {
	display: table;
	position: relative;
	table-layout: fixed;
	padding-bottom: 35px;
}
.articles .table-cell:nth-child(1) {
	width: 215px;
	/*width: 235px;*/
    padding-right: 15px;
    box-sizing: border-box;
}
.articles-item img {
	display: block;
    position: relative;
	max-width: 100%;
}
.articles-item-name {
	display: block;
    position: relative;
	font-size: 1.1rem;
    font-weight: 600;
    color: var(--color__text-2);
	margin-bottom: 15px;
}
.articles-item-text {
	display: block;
    position: relative;
    line-height: 1.3em;
	font-weight: 300;
}
.articles-item-link {
	display: block;
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    text-align: right;
    box-sizing: border-box;
    padding: 0px 15px;
}
.articles-item-link > a {
	display: inline-block;
	position: relative;
	text-decoration: underline;
}
.pager-show-more,
.articles-wrapper .pager,
.pager-show-more .pager-num.
.articles-link {
	display: block;
    position: relative;
}
.pager-show-more .pager-num {
	text-align: center;
	margin: 20px 0px;
	font-weight: 600;
}
.articles-wrapper .btn-show-more,
.articles-link > a {
	display: block;
	position: relative;
	text-align: center;
	text-decoration: underline;
	margin-bottom: 25px;
}
.articles-wrapper .nav-wrapper {
	display: block;
	position: relative;
	margin-top: 25px;
}

.articles-title {
	display: block;
	position: relative;
}

@media screen and (max-width: 968px) {
	.articles .table-cell:nth-child(1) {
		width: 30%;
	}
	.articles-item-name {
		font-size: .95rem;
	}
	.articles-item-text {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.articles {
    	grid-template-columns: 1fr;
	}
	.articles-item-link {
		width: 100%;
        margin: 0;
        position: absolute;
        bottom: 15px;
        left: 0;
        box-sizing: border-box;
        padding: 0px 15px;
	}
	.articles-item-name {
		margin: 0;
    	padding-bottom: 35px;
	}
	.articles-item-table {
		padding-bottom: 0;
	}
}
@media screen and (max-width: 398px) {
	.articles .table-cell:nth-child(1) {
		width: 40%;
	}
}
@media screen and (max-width: 320px) {
	.articles-item-name {
		font-size: .8rem;
	}
}