styled width in single post view

sass/abstracts/variables/_colors.scss

@@ -29,7 +29,7 @@ $color__text-screen: $color__black-grey;
 $color__text-input: $color__black-light;
 $color__text-input-focus: $color__black;
 $color__link: $color__black-light; 
-$color__link-visited: #505050; 
+$color__link-visited: #303030; 
 $color__link-hover: #707070;
 $color__text-main: #404040;
 

sass/base/typography/_headings.scss

@@ -32,6 +32,11 @@
 		font-family: $font__light;
 		font-size: $font__size-body*1.1;
 	}
+	.single {
+	  h1 {
+	  	font-family: $font__black;
+	  }
+	}
 }
 @media screen and (min-width: 48em) {
 	h1 {

sass/layouts/_no-sidebar.scss

@@ -85,6 +85,12 @@
 				//justify-content: center;
 			}
 		}
+		&.single {
+			.site-main {
+        width: 45rem;
+        margin: 0 auto;
+			}
+		}
 	}
 
   .ofisuport-destacats,.ofisuport-featured,.archive-posts {

style.css

@@ -428,6 +428,9 @@ textarea {
 		font-family: "din-light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 		font-size: 1.1rem;
 	}
+	.single h1 {
+		font-family: "din-black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	}
 }
 
 @media screen and (min-width: 48em) {
@@ -683,7 +686,7 @@ a {
 }
 
 a:visited {
-	color: #505050;
+	color: #303030;
 }
 
 a:hover, a:focus, a:active {
@@ -865,6 +868,10 @@ textarea {
 		flex-flow: column;
 		border-bottom: 1px solid #eee;
 	}
+	.no-sidebar.single .site-main {
+		width: 45rem;
+		margin: 0 auto;
+	}
 	.ofisuport-destacats, .ofisuport-featured, .archive-posts {
 		grid-template-columns: repeat(4, 1fr);
 	}