.documents-list {
	margin-top: 72px;
}

.article.document {
	position: relative;
	transition: .3s ease;
	min-height: 330px;
	padding: 0;

	a {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		padding: 32px;
	}

	p {
		transition: none;
	}
}

.article.document:before {
	content: "";
	position: absolute;
	right: 32px;
	top: 32px;
	background-image: url('../img/icons/docs-folder.svg');
	background-position: center;
	background-repeat: no-repeat;
	width: 60px;
	height: 46px;
	opacity: 0;
	transition: .3s ease;
}

.article.document:hover {
	background-color: var(--color-blue);
	color: var(--color-white)
}

.article.document:hover:before {
	opacity: 1;
}

.documents {
	padding-bottom: 0;
}

@media(max-width: 1299.5px) {
	.article.document {
		min-height: 312px;
		height: 312px;
	}

	.documents-list {
		margin-top: 48px;
	}

}

@media(max-width: 1023.5px) {
	.article.document {
		min-height: 278px;
		height: 278px;
	}

	.article.document a {
		padding: 24px;
	}
}

@media(max-width: 767.5px) {
	.article.document {
		min-height: 250px;
		height: 250px;
	}
}