/* Variables */
:root {
	--bc-baar: #112855;
}

.bc-body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
}

.bc-header {
	background-color: var(--bc-baar);
	width: 100%;
}

.bc-header-inner {
	max-width: 1024px;
	padding: 20px;
	margin: 0 auto;
	text-align: left;
}

.bc-header-logo {
	max-width: 200px;
}

.bc-main {
	max-width: 1024px;
	padding: 20px;
	margin: 0 auto;
	text-align: left;
}

.bc-impressions {
	display: flex;
	flex-direction: column;
	gap: 10px;

	/* device size 1024 and heigher */
	 @media (min-width: 1024px) {
		flex-direction: row;
	}
}

.bc-impressions-right {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.bc-impressions img {
	max-width: 100%;

	@media (min-width: 1024px) {
		max-width: calc(47% - 10px);
	}
}

.bc-impressions-right img {
	max-width: 100%;

	@media (min-width: 1024px) {
		max-width: 100%;
	}
}

.bc-section-flex {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.bc-section-flex img {
	max-width: 100%;
}

.bc-title-1,
.bc-title-2,
.bc-title-3 {
	color: var(--bc-baar);
}

.bc-list,
.bc-list-item {
	list-style: none;
	padding: 0;
	margin-bottom: 5px;
}

.bc-link,
.bc-link:visited {
	color: var(--bc-baar);
}

.bc-footer {
	background-color: #e0e0e0;
	width: 100%;
}

.bc-footer-text {
	text-align: left;
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px;
}