.article-author {
	background-color : #f4f6f8;
	border-radius    : 12px;
	padding          : 20px;
	box-shadow       : 0 2px 8px rgba(0, 0, 0, 0.05);
}

.article-author .row {
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : center;
}

.article-author__label {
	font-size     : 14px;
	color         : #6c757d;
	margin-bottom : 10px;
}

.article-author__info {
}

.article-author__photo {
}

.article-author__photo img {
	width         : 100%;
	height        : auto !important;
	display       : block;
	border-radius : 50%;
	overflow      : hidden;
	box-shadow    : 0 0 0 3px #fff, 0 0 0 6px #dee2e6;
	
}

.article-author__name {
	font-size     : 22px;
	font-weight   : bold;
	color         : #212529;
	margin-bottom : 6px;
}

.article-author__name a {
	color           : inherit;
	text-decoration : none;
}

.article-author__position {
	font-size : 15px;
	color     : #495057;
}

@media (max-width : 800px) {
	.article-wrap {
		grid-template-columns : repeat(2, minmax(0, 1fr));
	}
}

@media (max-width : 480px) {
	.article-wrap {
		grid-template-columns : repeat(1, minmax(0, 1fr));
	}
	
	.article-author {
		padding   : 16px;
		max-width : 90%;
	}
	
	.article-author__name {
		font-size : 16px;
	}
	
	.article-author__position {
		font-size : 14px;
	}
}