.m_blog {
	margin: var(--o-gora) 0;
	padding-left: var(--o);
}

.m_blog_h {
	margin-bottom: var(--o);
	font-size: 120%;
}

.bb_flex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: var(--o);
	max-width: unset;
	overflow-x: auto;
	padding: 0 var(--o) var(--o) 0;
	-webkit-overflow-scrolling: touch;
}

.bb_a {
	display: flex;
	flex-direction: column;
	background: var(--kolor-szary);
	flex: 0 0 240px;
	color: var(--kolor-czarny);
	text-decoration: unset;
	position: relative;
}


.bb_fota {
	line-height: 0;
}
.bb_pr {
	padding: var(--o);
}
.bb_h {
	margin-bottom: auto;
}
.bb_czas {
	margin-top: var(--o);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--o-pol);
}
.bb_czas svg {
	width: 20px;
	height: 20px;
}

.bb_a:hover {
	background: var(--kolor-bialy);
}


@media (min-width: 450px) {
.m_blog {
	padding: 0 var(--o);
}
.bb_flex {
	flex-wrap: wrap;
	max-width: 100%;
	padding: 0;
	justify-content: center;
}
.bb_a {
	flex-direction: row;
	align-items: center;
	flex: 0 0 410px;
	gap: var(--o);
}
.bb_fota {
	width: 150px;
}
.bb_pr {
	flex: 1;
}



}
@media (min-width: 880px) {



}
@media (min-width: 1150px) {
.m_blog_h {
	font-size: 200%;
	width: var(--sz);
	margin: 0 auto var(--o);
}
.bb_flex {
	width: var(--sz);
	margin: auto;
}
.bb_a {
	flex: 0 0 545px;
}
.bb_fota {
	width: 230px;
}


} /*  */