.blog-list {
	width: 100%;
	float: left;
}
.blog-list .image {
	max-width: 100%;
}
.blog-list .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-list ul {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.blog-list-item {
	max-width: 370px;

	margin-bottom: 50px;
}
.blog-list-item .image {
	overflow: hidden;
	height: 280px;
}
.blog-list-link {
	display: flex;
	text-decoration: none;
	flex-direction: column;
}
.blog-list-title {
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 24px;
	color: #1896d1;
	font-weight: 400;
	margin-bottom: 25px;
}
.blog-list-date {
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 24px;
	color: #ee6903;
	font-weight: 400;
	padding: 20px 0 !important;
	display: block;
}
.blog-list-link:hover {
	text-decoration: none;
}
.blog-list-item p {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 24px;
	color: #193441;
	font-weight: 300;
	padding-bottom: 40px !important;
}
.blog-list-button {
	padding: 10px 60px;
	font-size: 16px;
	line-height: 29px;
	color: #ffffff;
	font-weight: 400;
	background-color: transparent;
	background-image: url(/templates/default/img/moreOrange.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.blog-list-content {
	padding: 0 20px;
}
.blog-entry .image {
}
.blog-entry img {
	height: 385px;
	width: 100%;
	object-fit: cover;
}
.blog-entry {
	padding: 10px;
}
.blog-entry p {
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 24px;
	color: #193441;
	font-weight: 300;
	padding-bottom: 30px !important;
}
.blog-entry h1,
.blog-entry h2,
.blog-entry h3,
.blog-entry h4 {
	color: #1896d1;
}
.blog-entry h2 {
	font-size: 24px;
	letter-spacing: 0px;
	line-height: 24px;
	font-weight: 400;
	padding-bottom: 35px;
}
.blog-entry h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	padding-bottom: 30px;
}

.blog-entry h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	padding-bottom: 25px;
}
.blog-entry li {
	font-size: 14px;
	font-weight: normal;
}
.blog-entry-h1 {
	font-size: 22px;
}
@media (min-width: 800px) {
	.blog-list ul {
		flex-direction: row;
		gap: 10%;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.blog-list-item {
		width: 45%;
		margin-bottom: 50px;
	}
	.blog-list-item img {
		transition: 0.3s;
	}
	.blog-list-title {
		transition: 0.3s;
	}
	.blog-list-item:hover .blog-list-title {
		opacity: 0.6;
	}
	.blog-list-item:hover img {
		scale: 1.2;
	}
	.blog-list-button {
		padding: 10px 80px;
	}
	.blog-entry-h1 {
		font-size: 40px;
	}
}