.blog-container h1 {
	font-size: 40px;


}

.blog-container p {
	font-size: 20px;
}

.blog-container .blog-banner .yb-logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;

}

.blog-container .blog-banner {
	margin-top: 2%;
	margin-bottom: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;

	border-bottom: 2px double #CCCCCC;
}

.blog-container {
	width: 100%;
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../images/yessboss/about1.jpg");*/
	overflow: hidden;
}

.blog-container .blog-list {

	margin-top: 5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	margin-bottom: 2%;
}

.blog-container .blog-preview {
	border-left: 1px solid #CCCCCC;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	margin-bottom: 2%;
}


.blog-container .blog-list .blog {
	width: 90%;
	border-bottom: 1px solid #CCCCCC;
	padding: 2%;
}


.blog-container .blog-preview .blog {
	width: 90%;
	border-bottom: 1px solid #CCCCCC;
	padding: 2%;
}

.blog-container .blog-list .blog > a {
	width: 100%;
	text-decoration: none;
	font-weight: 600;
	padding: 10px;
}


.blog-container .blog-view .blog-body > p {

	margin-left: 5%;
	width: 80%;

}