/* список статей */
.BlockArticles {
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	gap: 20px; 
}
.BlockArticles a {
	text-decoration:none;
}
.BlockArticle {
	border:1px solid #eee;
	padding:15px;
	display:flex;
    width: 300px;
    flex-direction: column;
    align-items: center;
}
@media( max-width:768px) {
	.BlockArticle {
		width: 100%;
	}
}
.BlockArticle .Preview {
	width:100%;
}
.BlockArticle .Preview img {
	width:100%;
}
.BlockArticle .ArticleContent {
	width:96%;
}
.BlockArticle .ArticleContent p {
    margin: 0px 0px 8px 0px;
	font-size: 1rem;
	
}
.BlockArticle .ArticleContent h2 {
    margin: 0px;
	font-size: 1.2rem;
	font-weight:bold;
	padding:8px 0px;
}
.BlockArticle .ArticleContent h2 a {
	color:#000;
}

/* одна статья */
.ArticleItem {
	
}
.ArticleItem .ArticleStartBlock {
	display:flex;
	gap: 20px; 
}
.ArticleItem .ArticleStartBlock .ArticlePreview {
	width:15%;
}
.ArticleItem .ArticleStartBlock .ArticlePreview img {
	width:100%;
}
.ArticleItem .ArticleStartBlock .ArticleContent {
	width:80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ArticleItem .ArticleStartBlock .ArticleContent h1 {
	font-size: 2rem;
	font-weight:bold;
	margin:0px;
}
.ArticleItem .ArticleStartBlock .ArticleContent p {
	font-size: 1rem;
	margin:0px;
}

.ArticleContentBlock {
	display:flex;
    flex-direction: column;
    align-items: center;
}
.ArticleContentBlock .ArticleContentImage {
	border:1px solid #eee;
	margin:10px 0px;
	width:96%;
	padding:2%;
}
.ArticleContentBlock .ArticleContentImage img {
	width:100%;
}
.ArticleContentBlock .ArticleContentText {
	margin:10px 0px;
	width:90%;
	
}