body {
    background-color: #f4f6fa !important;
	
}

.site-header {
    border-bottom: 1px solid #e6e6e6;
}

body {
    font-family: "SF Pro Text", sans-serif;
}
#primary{
    max-width: 808px;
    margin: 0 auto !important;
}
.entry-meta {
    color: #7777;
    font-size: 18px !important;
}
.entry-meta .posted-on {
	font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #838387;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "SF Pro Display", sans-serif;
}

p {
    line-height: 1.6em;
    font-family: 'Spectral', serif, system-ui, -apple-system, sans-serif;
    font-size: 17px;
    color: #363737;
    margin: 0px 0px 20px;
}


#right-sidebar {
	display: none;
}

@media only screen and (min-width: 768px) {
	.sub-menu-right {
		display: none !important;
	}
	.entry-content {
		padding: 0 40px 56px;
	}
	.inside-article {
		border-radius: 16px !important;
	}
    p {
        font-size: 19px;
    }
	.site-content .content-area {
		width: 100% !important
	}
	.separate-containers .site-main {
		margin: 0px !important;
	}
	.site-header{
		margin-bottom: 16px
	}
	
	.inside-header {
		padding: 18px 20px !important;
	
	}
	.entry-header {
		text-align: center;
		padding: 56px 64px 16px;
		
	}
	.entry-header h1 {
		font-size: 36px !important;
    	line-height: 46px !important;
	}
	.site-footer {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.container .site-content .content-area {
        width: 100% !important;
    }
	#main {
		margin-top: 0px !important;
	}
	.entry-header {
		text-align: center;
		padding: 5px 32px 4px;
	}
	.inside-header {
		padding: 10px 20px !important;

	}
	.sub-menu-right {
		display: none !important;
	}
	.site-header {
		  border-bottom: none !important;
		}

	.mobile-menu-control-wrapper {
		display: none !important;
	}
    .post-thumbnail img {
        width: 100px !important;
        height: 80px !important;
    }

    hr {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.site-content {
    justify-content: center;
}

.inside-article {
    padding: 0px 16px;
}

.entry-title {
    font-size: 19px;
    line-height: 26px;
    font-weight: 700;
}

.inside-article .entry-title {}

.author a {
    text-decoration: none !important;
    color: inherit !important;
}

@font-face {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 300;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Light.ttf");
}

@font-face {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 400;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Regular.ttf");
}

@font-face {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 500;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Medium.ttf");
}

@font-face {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 600;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-SemiBold.ttf");
}

@font-face {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 700;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Bold.ttf");
}

@font-face {
    font-family: "SF Pro Text";
    font-style: normal;
    font-weight: 900;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProText-Heavy.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 100;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Ultralight.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 200;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Thin.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 300;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Light.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 400;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Regular.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 500;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Medium.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 600;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-SemiBold.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 700;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Bold.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 800;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Black.ttf");
}

@font-face {
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 900;
    src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Heavy.ttf");
}