.article_wrapper {
	width: 100%;
	display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 4fr));
}

.article_card {
	display: flex;
	flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
	gap: 10px;
}

.article_top {
	height: 200px;
	width: 100%;
}

.article_img {
	display: flex;
	justify-content: center;
}

.article_img img {
    max-width:200px;
    max-height:200px;
}

.article_img_none {
    height: 200px;
    width: 200px;
	background-color: lightgray;
	text-align: center;
}

.article_bottom {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
    justify-content: space-between;
    gap: 7px;
}

.article_name {
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.article_shortcut {
	text-align: center;
    margin: 0 20px;
}

.article_link {
	margin-top: auto;
    text-align: center;
}