.writtenContent{
    background-image: linear-gradient(0deg, rgb(8 32 43 / 70%), rgb(8 32 43 / 70%)), url(/images/writtencontentBanner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow:hidden;
}
.writtenHeader{
	width:45%;
}
.writtenHeader .introText{
	margin-top:220px;
}
.articleLink{
	text-decoration:none;
	color:black;
	letter-spacing: 0.2em;
	font-weight:700;
}
.nav-link{
	color:black !important;
}
.blogTitle{
	font-size:32px;
	font-weight:500;
}
.categoryBlog{
	background: #DEE7F1;
    padding: 7px 15px;

}
.categoryBlog,.categoryRead{
	letter-spacing: 0.2em;
}
@media screen and (max-width: 768px){
#dropdownMenuLink {
    color: black !important;
}
}
@media screen and (max-width:1200px){
.writtenHeader{
    width:70%;
}
}
@media screen and (max-width:460px){
  .writtenHeader{
    width:100%;
}
}