body
{
	margin: 0;
	padding: 0;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: rgb(248, 248, 248);
	border: 0 none;
}

h1, h2, h3, h4, h5, h6, p
{
	display: block;
	margin: 24px 0 16px;
	padding: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

h1
{
	display: table;
	padding: 4px 4px;
	line-height: 52px;
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	background: rgb(240, 240, 240);
}
h2
{
	line-height: 28px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}
h3
{
	line-height: 24px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}
p
{
	margin-top: 0;
}
a, 
a:link, 
a:hover, 
a:focus, 
a:visited
{
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: rgb(194, 40, 40);
}
a:hover
{
	text-decoration: underline;
}

.logo
{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: -.02em;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	color: rgb(194, 40, 40);
}

@media(max-width: 799px)
{
	.logo
	{
		line-height: 3rem;
		font-size: 3rem;
	}
}

@media(min-width: 800px)
{
	.logo
	{
		line-height: 5rem;
		font-size: 5rem;
	}
}

.header
{
	display: block;
}

.menu
{
	position: relative;
	display: block;
	padding: 20px 10px;
	text-align: center;
}

nav
{
}

.menu input[type="checkbox"]
{
	position: absolute;
	left: -9999px;
}

@media(max-width: 799px)
{
	.menu input[type="checkbox"] ~ nav
	{
		height: 0;
		transform: scaleY(0);
	}
	
	.menu input[type="checkbox"]:checked ~ nav
	{
		height: 100%;
		transform-origin: top;
		transition: transform .2s ease-out;
		transform: scaleY(1); 
	}
	
	.menu label
	{
		position: relative;
		display: block;
		margin-bottom: 1px;
		padding-top: 30px;
		padding-bottom: 30px;
		color: white;
		background: black;
		background-size: 50% 100%;
		cursor: pointer;
	}
	.menu label::after
	{
		content: "+";
		postion: absolute;
		left: 50%;
		top: 50%;
		display: inline-block;
		font-size: 64px;
	}
	.menu input[type="checkbox"] ~ label::after
	{
		transition: transform .2s ease-out;
		transform: translate(0%, 50%) rotate(0);
	}
	.menu input[type="checkbox"]:checked ~ label::after
	{
		transition: transform .2s ease-out;
		transform: translate(0%, 50%) rotate(45deg);
	}
}

@media(min-width: 800px)
{
	.header
	{
		padding-bottom: 40px;
	}
	
	.menu label
	{
		display: none;
	}
	
	nav
	{
		z-index: 2;
		position: -webkit-sticky;
		position: sticky;	
		top: 0;
		background: rgb(248, 248, 248);
		border-bottom: 1px solid rgb(148, 151, 158);
		box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -20px;
	}
}

nav a, 
nav a:link, 
nav a:hover, 
nav a:focus, 
nav a:visited
{
	padding: 10px 20px;
	text-decoration: none;
	font-size: 17px;
	color: black;
}

@media(max-width: 799px)
{
	nav a, 
	nav a:link, 
	nav a:hover, 
	nav a:focus, 
	nav a:visited
	{
		display: block;
		margin-bottom: 1px;
		padding-top: 30px;
		padding-bottom: 30px;
		color: white;
		background: black;
	}
	
	nav a:hover
	{
		background: rgb(194, 40, 40);
	}
}

@media(min-width: 800px)
{
	nav a, 
	nav a:link, 
	nav a:hover, 
	nav a:focus, 
	nav a:visited
	{
		display: inline-block;
		margin-bottom: 5px;
		border-left: 1px solid rgb(240, 240, 240);
		border-right: 1px solid rgb(240, 240, 240);
	}
	
	nav a:hover
	{
		color: white;
		background: rgb(194, 40, 40);
	}
}

.main
{
	display: block;
	padding: 20px 0;
}

@media(max-width: 1219px)
{
	.main
	{
		padding-left: 20px;
		padding-right: 20px;
	}
}

.category-title, 
.anypage-title
{
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

.category-subtitle
{
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.categories, 
.anypage, 
.intros, 
.paginator, 
.prev-next-post, 
article
{
	margin: 0 auto;
	max-width: 1140px;
	line-height: 24px;
}

article .embedded
{
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 56.25%;
}
article .embedded iframe
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0 none;
}

.categories, 
.anypage
{
	display: block;
	width: 100%;
	text-align: center;
}
.categories span
{
	display: block;
	margin-bottom: 5px;
	font-size: 18px !important;
}

.intros
{
	width: 100%;
}

.intro, 
.intro:link, 
.intro:hover, 
.intro:focus, 
.intro:visited
{
	position: relative;
	display: inline-block;
	padding: 20px 30px 60px;
	text-decoration: none;
	font-style: italic;
	color: rgb(148, 151, 158);
	background: white;
	border-bottom: 2px solid rgb(194, 40, 40);
}

@media(max-width: 799px)
{
	.intros
	{
		display: block;
	}

	.intro, 
	.intro:link, 
	.intro:hover, 
	.intro:focus, 
	.intro:visited
	{
		display: block;
	}
}

@media(min-width: 800px)
{
	.intros
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 30px;
		row-gap: 30px;
		justify-content: center;
	}

	.intro, 
	.intro:link, 
	.intro:hover, 
	.intro:focus, 
	.intro:visited
	{
		flex-basis: 100%;
		flex: 1 0 26%;
	}
}

.intro .title
{
	display: block;
	line-height: 28px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: black;
}
.intro::after
{
	position: absolute;
	left: 30px;
	bottom: 10px;
	content: "read more »";
	font-style: normal;
	color: black;
}

.intro:hover
{
	color: white;
	background: rgb(194, 40, 40);
}
.intro:hover .title, 
.intro:hover::after
{
	color: white;
}

@media(max-width: 768px)
{
	.intro
	{
		flex-basis: 34%;
	}
}

@media(max-width: 320px)
{
	.flex-container>div
	{
		flex-basis: 51%;
	}
}

.post-category-link, 
.post-category-link:link, 
.post-category-link:hover, 
.post-category-link:focus, 
.post-category-link:visited
{
	display: inline-block;
	margin: 15px 0;
	padding: 10px;
	line-height: 24px;
	text-decoration: underline;
	font-size: 16px;
	color: white;
	background: rgb(194, 40, 40);
}

.paginator
{
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
	height: 50px;
	text-align: center;
}
.paginator a, 
.paginator a:link, 
.paginator a:hover, 
.paginator a:focus, 
.paginator a:visited
{
	display: inline-block;
	width: 40px;
	margin: 0 5px;
	padding: 10px;
	text-decoration: none;
	font-size: 13px;
	color: black;
	border: 1px solid rgb(148, 151, 158);
}
.paginator a.first-page
{
	margin-right: 20px;
}
.paginator a.last-page
{
	margin-left: 20px;
}
.paginator a.prev-next-page
{
	width: auto;
}
.paginator a:hover, 
.paginator a.current-page
{
	color: white;
	background: rgb(194, 40, 40);
	border: 1px solid rgb(194, 40, 40);
}

@media(max-width: 799px)
{
	.numbered-page
	{
		display: none !important;
	}
}

.prev-next-post
{
	box-sizing: border-box;
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 20px;
	height: 140px;
	border-top: 1px solid rgb(148, 151, 158);
}

.prev-next-post .prev-post, 
.prev-next-post .next-post
{
	position: relative;
	height: 100%;
}

@media(max-width: 799px)
{
	.prev-next-post
	{
		padding-left: 0;
		padding-right: 0;
		height: 280px;
		border: 0 none;
	}
	
	.prev-next-post .prev-post, 
	.prev-next-post .next-post
	{
		display: block;
		margin-bottom: 1px;
		width: 100%;
		height: 50%;
	}
	
	.prev-next-post .prev-post, 
	.prev-next-post .prev-post:link, 
	.prev-next-post .prev-post:hover, 
	.prev-next-post .prev-post:focus, 
	.prev-next-post .prev-post:visited
	.prev-next-post .next-post, 
	.prev-next-post .next-post:link, 
	.prev-next-post .next-post:hover, 
	.prev-next-post .next-post:focus, 
	.prev-next-post .next-post:visited
	{
		color: white;
		background: black;
	}
	
	.prev-next-post .prev-post:hover, 
	.prev-next-post .next-post:hover
	{
		background: rgb(194, 40, 40);
	}
	
	.numbered-page
	{
		display: none !important;
	}
}

@media(min-width: 800px)
{
	.prev-next-post
	{
		box-shadow: rgba(0, 0, 0, 0.25) 0px -25px 20px -20px;
	}
	
	.prev-next-post .prev-post, 
	.prev-next-post .next-post
	{
		float: left;
		display: inline-block;
		width: 50%;
	}
	
	.prev-next-post .prev-post, 
	.prev-next-post .prev-post:link, 
	.prev-next-post .prev-post:hover, 
	.prev-next-post .prev-post:focus, 
	.prev-next-post .prev-post:visited
	.prev-next-post .next-post, 
	.prev-next-post .next-post:link, 
	.prev-next-post .next-post:hover, 
	.prev-next-post .next-post:focus, 
	.prev-next-post .next-post:visited
	{
		color: black;
	}
	
	.prev-next-post .prev-post:hover, 
	.prev-next-post .next-post:hover
	{
		color: rgb(194, 40, 40);
	}
}

.prev-next-post .prev-post span:nth-child(1)
{
	position: absolute;
	left: 92px;
	top: 50%;
	display: inline-block;
	transform: translateY(-50%);
}
.prev-next-post .next-post span:nth-child(1)
{
	position: absolute;
	right: 92px;
	top: 50%;
	display: inline-block;
	text-align: right;
	transform: translateY(-50%);
}
.prev-next-post .prev-post span:nth-child(2)::after, 
.prev-next-post .next-post span:nth-child(2)::after
{
	position: absolute;
	top: 50%;
	display: inline-block;
	padding: 20px;
	width: 36px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	font-size: 36px;
	border-radius: 1000px;
	color: white;
	background: rgb(127, 127, 127);
	transform: translateY(-50%);
}
.prev-next-post .prev-post span:nth-child(2)::after
{
	content: "«";
	left: 0;
}
.prev-next-post .next-post span:nth-child(2)::after
{
	content: "»";
	right: 0;
}

.prev-next-post .prev-post:hover span:nth-child(2)::after, 
.prev-next-post .next-post:hover span:nth-child(2)::after
{
	background: rgb(194, 40, 40);
}

@media(max-width: 799px)
{
	.prev-next-post .prev-post span:nth-child(1), 
	.prev-next-post .next-post span:nth-child(1)
	{
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		text-align: left;
	}
	
	.prev-next-post .prev-post span:nth-child(2)::after, 
	.prev-next-post .next-post span:nth-child(2)::after
	{
		display: none;
	}
}

.footer
{
	display: block;
	width: 100%;
	padding: 30px 0 60px;
	text-align: center;
	color: white;
	background: black;
}