/*
Theme Name: Work in progress Cinesthesies
Author: Marc Fairbrother
*/

/*Set responsive font and picto size*/
html{
	font-size: 2vh;
}
.picto{
	height: 3vh;
	width: auto;
	margin-left: 2.5vw;
}
@media only screen and (min-height:600px) {
	html{
		font-size: 1.5vh;
	}
	.picto{
		height: 2vh;
	}
}
@media only screen and (min-height:1100px) {
	html{
		font-size: 1vh;
	}
	.picto{
		height: 1vh;
	}
}
/*Set body and reset elements*/
body{
	--bg-color: rgb(249,249,249);
	--txt-color: rgb(31,31,31);
	--txt-light: rgb(100,100,100);
	--bg-dark: rgb(6,6,6);
	--cs-blue: rgb(45,100,130);
	--border-thin: solid 1px rgb(226,226,226);
	--border-color: rgb(226,226,226);
	font-family: 'Muli', sans-serif;
	color: var(--txt-color);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.65;
	margin: 0;
	padding: 0 0 60px;
	background: var(--bg-color);
}
h1,h2,h3,h4{
	font-weight: 800;
}
a{
	color: var(--txt-color);
	text-decoration: none;
 	outline: 0;
}
strong{
	font-weight: 800;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*Cinesthesies Styles*/
/*Loaders*/
#progress{
	position: fixed;
	top: 0;
	z-index: 100;
	width:0%;
	height:3px;
	background:rgb(45,100,130);
	transition: all 0.45s ease-in-out;
}
/*Navigation*/
#tab-bar{
	display: flex;
	flex-direction: column;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	background: var(--bg-color);
	border-top: var(--border-thin);
}
#tab-bar-buttons ul{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding: 5px 0;
}
#tab-bar-buttons ul li{
	text-align: center;
	padding: 0 20px;
	border-right: solid 1px var(--bg-dark);
	border-right: var(--border-thin);
}
#tab-bar-buttons ul li:first-child{
	padding-left: 0;
}
#tab-bar-buttons ul li:last-child{
	padding-right: 0;
	border-right: none;
}
#tab-bar-buttons ul li img{
	width: 15px;
	height: auto;
}
#tab-bar-buttons ul li p{
	font-size: 1rem;
	margin: 5px 0 0 0;
}
#tab-bar-site-nav,
#tab-bar-social-links{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-height: 0;
	background: var(--bg-color);
	transition: all 0.45s ease-in-out;
}
#tab-bar-site-nav{
	border-top: var(--border-thin);
}
#tab-bar-site-nav li{
	text-align: center;
	width: 100%;
	border-bottom: var(--border-thin);
}
#tab-bar-social-links li{
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: var(--border-thin);
}
#tab-bar-site-nav li:last-child,
#tab-bar-social-links li:last-child{
	border-bottom: none;
}
#tab-bar-site-nav li h2{
	font-size: 1.25rem;
	margin: 6vw 0;
}
#tab-bar-social-links img{
	height: 15px;
	width: auto;
	margin: 6vw 6vw 4vw;
}
.close-tab-bar{
	width: 0;
	height: 0;
	margin: 6vw auto;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid var(--bg-dark);
}
#fixed-site-navigation{
	display: none;
}
#archive-header{
	position: relative;
	height: 80vh;
	width: 100%;
	background: var(--bg-dark);
}
#static-header-white{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 4vw;
	text-align: center;
	z-index: 15;
}
#static-header-white .logo img{
	height: 7.5vw;
	width: auto;
}
#static-header-white .navigation{
	display: none;
}
#static-header-dark{
	text-align: center;
	width: 100%;
}
#static-header-dark-grid{
	border-bottom: var(--border-thin);
}
#static-header-dark .logo a{
	display: flex;
	align-items: flex-end;													  													  
}
#static-header-dark .logo img{
	width: 75vw;
	margin: 4vw auto;
}
#static-header-dark .navigation{
	display: none;
}
#archive-header-img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	filter: grayscale(1) contrast(20);
	opacity: 0.15;
}
#archive-header-title{
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	color: var(--bg-color);
	text-align: center;
	background: var(--bg-dark);
	border-top: solid 1px var(--bg-color);
}
#archive-header-title h1{
	font-size: 1.5rem;
	font-weight: 600;
}
/*Taxonomy*/
#taxonomy{
	padding: 0 4vw;
}
#taxonomy h1{
	text-align: center;
	margin-bottom: 0;
}
/*Home Page Header*/
#home-header{
	position: relative;
	width: 100%;
	height: 75vh;
	background: var(--bg-dark);
}
#home-carousel{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 75vh;
}
.home-carousel-slide{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	border-bottom: solid 1px var(--bg-color);
	transition: all 0.45s ease-in-out;
}
.home-carousel-slide-image{
	width: 100%;
	height: 60vh;
	filter: grayscale(1) contrast(20);
	opacity: 0.15;
	transition: all 0.45s ease-in-out;
}
.home-carousel-slide-info{
	position: absolute;
	left: 8vw;
	right: 8vw;
	bottom: 10vh;
	z-index: 20;
	background: var(--bg-color);
	padding: 1px;
}
.home-carousel-slide-info a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 10vh;
	border: solid 1px var(--bg-dark);
}
.home-carousel-slide-info h2{
	text-align: center;
	font-size: 1.5rem;
	margin: 0;
}
.home-carousel-slide-info p,
.home-carousel-quote{
	display: none;
}
.home-carousel-progress{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 10vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.home-carousel-progress div{
	width: 4px;
	height: 4px;
	margin-right: 10px;
	border-radius: 50%;
	background: var(--bg-color);
}
.home-carousel-progress div:last-child{
	margin-right: 0;
}
.home-carousel-progress .inactive{
	opacity: 0.15;
}
.home-carousel-progress .active{
	opacity: 1;
}
.home-carousel-progress .previous-slide{
	width: 8px;
	height: auto;
	margin-right: 15px;
}
.home-carousel-progress .next-slide{
	width: 8px;
	height: auto;
	margin-left: 5px;
}
.home-carousel-progress .previous-slide:hover,
.home-carousel-progress .next-slide:hover{
	cursor: pointer;
}
/*Posts list*/
.posts-list{
	width:100%;
}
.posts-list a{
	display: block;
	transition:all 0.25s ease-out;
}
.posts-list a:hover{
	background: var(--border-color);
}
.posts-list article{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 4vw 0;
	border-bottom: var(--border-thin);
}
.posts-list article .post-info{
	width: 100%;
	margin: 0 auto;
}
.posts-list article img,
.posts-list article h1,
.posts-list article p{
	width: 100%;
	max-width: 86vw;
	margin: 0 auto 4vw;
}
.posts-list article img{
	display: block;
	height: auto;
	border: var(--border-thin);
}
.posts-list article h1{
	font-size: 1.5rem;
}
.posts-list-meta{
	font-size: 0.85rem;
}
.posts-list-meta .item::after{
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background: var(--cs-blue);
	border-radius: 50%;
	margin: 0 2vw 1px 2vw;
}
.next-posts,
.next-posts-one-type,
.next-posts-taxonomy-term{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 25vh;
	background-color: var(--cs-blue);
	transition:all 0.25s ease-out;
	border-bottom: solid 2px var(--bg-color);
}
.arrow-down{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--bg-color);
	padding-bottom: 10px;
}
#load-more-posts{
	color: var(--bg-color);
}
.next-posts:hover,
.next-posts-one-type:hover,
.next-posts-taxonomy-term:hover{
	cursor: pointer;
}
.next-posts p,
.next-posts-one-type p,
.next-posts-taxonomy-term p{
	text-align: center;
}
/*Posts with hero image, with or without poster*/
#post-info-recap{
	display: none;
}
.mobile-paragraph-break{
	content: '';
	display: block;
	margin: 4vw 0;
}
#the-post{
	border-bottom: var(--border-thin);
}
#post-header-dark{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 75vw;
	z-index: 5;
}
#the-post-header{
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	background: var(--bg-dark);
}
#the-post-header .background{
	position: absolute;
	top: 16.5vw;
	left: 0;
	right: 0;
	height: 58.5vw;
	border-top: solid 1px var(--bg-color);
	/*opacity: 0.45;
	filter: grayscale(1) contrast(20);*/
}
#the-post-title,
#the-post-title-with-poster{
	width: 100%;
	margin-top: 75vw;
	background: var(--bg-color);
	border-bottom: var(--border-thin);
}
#the-post-title h1,
#the-post-title-with-poster h1{
	font-size: 1.75rem;
	margin: 4vw;
}
#the-post-blurb,
#the-post-blurb-with-poster{
	display: none;
}
#the-post-content,
#the-post-content-no-hero{
	padding: 4vw 4vw 0;
}
#extra-info{
	display: none;
}
#the-post-content h2,
#the-post-content-no-hero h2{
	margin: 4vw 0;
}
#the-post-content p,
#the-post-content-no-hero p{
	width: 100%;
	margin: 2vw 0 4vw;
}
#the-post-content hr{
	position: relative;
	margin: 8vw auto;
	width: 5px;
	height: 5px;
	background: var(--cs-blue);
	border-radius: 50%;
	border: none;
	overflow: visible;
}
#the-post-content hr::before,
#the-post-content hr::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 5px;
	height: 5px;
	background: var(--cs-blue);
	border-radius: 50%;
}
#the-post-content hr::before{
	left: -20vw;
}
#the-post-content hr::after{
	right: -20vw;
}
#the-post-content img,
#the-post-content-no-hero img{
	width: 100%;
	height: auto;
	margin: 0;
}
#the-post-content q,
#the-post-content-no-hero q{
	display: block;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--bg-color);
	padding: 4vw;
	background: var(--bg-dark);
}
.drop-cap{
    font-size: 5rem;
    float: left;
    line-height: 0.7;
    padding-right: 4px;
    margin-left: -4px;
    color: var(--cs-blue);
}
#the-post-meta,
#the-post-meta-with-poster{
	display: flex;
	flex-direction: column;
}
#the-post-publication,
#the-post-sharing{
	display: flex;
	align-items: center;
	padding: 2vw 4vw 4vw;
}
#the-post-author::before,
#the-post-author::after,
#the-post-author-no-hero::before,
#the-post-author-no-hero::after{
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: var(--cs-blue);
	border-radius: 50%;
	margin: 0 2vw 1px;
}
#the-post-author,
#the-post-type,
#the-post-date{
	font-size: 1rem;
}
#the-post-sharing img{
	height: 15px;
	width: auto;
	margin-right: 25px;
}
#the-post-poster{
	display: none;
}
.keywords-contanier{
	display: flex;
	flex-wrap: wrap;
	margin: 2vw 0;
}
.keyword a{
	display: inline-block;
	font-size: 1rem;
	color: var(--bg-color);
	background: var(--cs-blue);
	padding: 5px 10px;
	margin: 2vw 4vw 2vw 0;
	border-radius: 6px;
}
/*Posts without hero image*/
#the-post-header-no-hero{
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	background: var(--bg-dark);
}
#post-no-hero-background{
	position: absolute;
	top: 16.5vw;
	left: 0;
	right: 0;
	height: 58.5vw;
	border-top: solid 1px var(--bg-color);
}
.filtered-background{
	opacity: 0.45;
	filter: grayscale(1) contrast(20);
}
#the-post-title-no-hero{
	width: 100%;
	margin-top: 75vw;
	background: var(--bg-color);
	border-bottom: var(--border-thin);
}
#the-post-title-no-hero h1{
	font-size: 1.75rem;
	margin: 4vw;
}
#the-post-blurb-no-hero{
	display: none;
}
#the-post-meta-no-hero{
	display: flex;
	flex-direction: column;
}
#the-post-publication-no-hero,
#the-post-sharing-no-hero{
	display: flex;
	align-items: center;
	padding: 2vw 4vw 4vw;
}
#the-post-author-no-hero,
#the-post-type-no-hero,
#the-post-date-no-hero{
	font-size: 1rem;
}
#the-post-sharing-no-hero img{
	height: 15px;
	width: auto;
	margin-right: 25px;
}
#the-post-content-no-hero hr{
	position: relative;
	margin: 8vw auto;
	width: 5px;
	height: 5px;
	background: var(--cs-blue);
	border-radius: 50%;
	border: none;
	overflow: visible;
}
#the-post-content-no-hero hr::before,
#the-post-content-no-hero hr::after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 5px;
	height: 5px;
	background: var(--cs-blue);
	border-radius: 50%;
}
#the-post-content-no-hero hr::before{
	left: -20vw;
}
#the-post-content-no-hero hr::after{
	right: -20vw;
}
/*Posts Related Content*/
.related-content-header{
	text-align: left;
}
.related-content-header h2{
	font-size: 1.75rem;
	margin: 4vw 4vw 2vw;
}
/*Comments*/
.comments,
.comments-no-hero{
	padding: 0 4vw;
}
/*Page*/
#the-page{
	border-bottom: var(--border-thin);
	padding: 0 4vw;
}
/*Footer*/
#site-footer{
	width: 100%;
	background: var(--bg-dark);
}
#footer-logo{
	width: 100%;
	background: var(--bg-color);
}
#footer-logo img{
	display: block;
	width: 75vw;
	height: auto;
	margin: 0 auto;
	padding: 8vw 0;
}
#footer-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	color:#FFF;
	padding: 4vw;
}
#footer-content p{
	margin: 0;
}
#footer-content a,
#footer-content a:hover{
	color:#FFF;
}
#page-links{
	display: flex;
	flex-direction: column;
	align-items: center;
}
#page-links a{
	margin-bottom: 4vw;
}
.flipped{
	display: inline-block;
	transform: scaleX(-1);
}
/*Mobile first minor adjustments for larger screens*/
@media only screen and (min-width:500px) {
	body{
		padding: 0;
	}
	/*Headers*/
	#tab-bar{
		display: none;
	}
	#fixed-site-navigation{
		display: block;
		position: fixed;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		background: var(--bg-color);
		border-bottom: var(--border-thin);
		z-index: 50;
		transition: all 0.35s ease-out;
	}
	#fixed-site-navigation-container{
		max-height: 0;
		overflow: hidden;
		transition: all 0.65s ease-in;
	}
	#fixed-site-navigation .container,
	#static-header-white,
	#static-header-dark{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		max-width: 84vw;
		margin: 0 auto;
		padding-top: 2vw;
	}
	#fixed-site-navigation .container,
	#static-header-dark{
		padding-bottom: 2.5vw;
	}
	#fixed-site-navigation .logo,
	#static-header-white .logo,
	#static-header-dark .logo{
		display: flex;
		align-items: flex-end;
	}
	#fixed-site-navigation .logo img,
	#static-header-white .logo img,
	#static-header-dark .logo img{
		max-width: 50vw;
	}
	#static-header-dark .logo img{
		margin: 0;
	}
	#fixed-site-navigation .navigation,
	#static-header-white .navigation,
	#static-header-dark .navigation{
		display: flex;
		font-size: 1.5rem;
	}
	#fixed-site-navigation .navigation nav,
	#static-header-dark .navigation nav{
		color: var(--txt-color);
	}
	#static-header-white .navigation nav{
		color: var(--bg-color);
	}
	#fixed-site-navigation .navigation nav p,
	#static-header-white .navigation nav p,
	#static-header-dark .navigation nav p{
		display: flex;
		align-items: center;
		font-size: 1.85vh;
		line-height: 1;																																												
		margin: 0;
	}
	#fixed-site-navigation .site-nav img,
	#fixed-site-navigation .social-links img,
	#static-header-white .site-nav img,
	#static-header-white .social-links img,
	#static-header-dark .site-nav img,
	#static-header-dark .social-links img{
		height: 1.5vh;
		width: auto;
		margin-right: 2vw;
	}
	#fixed-site-navigation .social-links,
	#static-header-white .social-links,
	#static-header-dark .social-links,
	#fixed-site-navigation .social-links a,
	#static-header-white .social-links a,
	#static-header-dark .social-links a{
		display: flex;
		align-items: center;																																										
	}
	#fixed-site-navigation .social-links a:last-child img,
	#static-header-white .social-links a:last-child img,
	#static-header-dark .social-links a:last-child img{
		margin-right: 0;
	}
	#fixed-site-navigation .site-nav,
	#static-header-white .site-nav,
	#static-header-dark .site-nav{
		position: relative;
		padding-right: 2vw;
		margin-right: 2vw;
		border-right: solid 1px #FFF;
	}
	#fixed-site-navigation .site-nav,
	#static-header-dark .site-nav{
		border-right: solid 1px var(--txt-color);
	}
	#toggle-fixed-nav,
	#toggle-static-nav,
	#toggle-fixed-light-nav{
		cursor: pointer;
	}
	.site-nav-list{
		display: none;
		position: absolute;
		top: calc(100% + 4vw);
		left: -100%;
		right: -100%;
		text-align: left;
		padding: 1vw 2vw;
		z-index: 15;
		background: var(--bg-color);
		box-shadow: 0 0 2px var(--bg-dark);
	}
	.site-nav-list li{
		border-bottom: var(--border-thin);
		padding: 1vw 0;
	}
	.site-nav-list li:last-child{
		border-bottom: none;
	}
	.site-nav-list li a{
		color: var(--txt-color);
		transition: all 0.35s ease-in-out;
	}
	.site-nav-list li a:hover{
		color: var(--cs-blue);
	}
	.site-nav-list h2{
		font-size: 1.25rem;
		margin: 0 0 1vw;
	}
	.site-nav-list p{
		font-size: 1rem;
	}
	/*Posts*/
	#post-header-dark{
		height: 56.25vw;
		background: linear-gradient(rgba(0,0,0,0.75) -5%, rgba(0,0,0,0.35) 10%, rgba(0,0,0,0.15) 25%, rgba(0,0,0,0.10) 40%, rgba(0,0,0,0.05) 55%, rgba(0,0,0,0.1) 65%, rgba(0,0,0,0.15) 75%, rgba(0,0,0,0.30) 90%, rgba(0,0,0,0.45) 105%);
	}
	#the-post-header .background,
	#post-no-hero-background{
		height: 56.25vw;
		top: 0;
	}
	#the-post-title,
	#the-post-title-with-poster{
		margin-top: 56.25vw;
	}
	#the-post-publication,
	#the-post-sharing{
		padding: 1vw 4vw 2vw;
	}
	.keywords-contanier{
		margin: 1vw 0 3vw;
	}
	.keyword a{
		margin: 1vw 2vw 1vw 0;
	}
	#the-post-title-no-hero{
		margin-top: 56.25vw;
	}
	/*Footer*/
	#footer-content{
		flex-direction: row;
		justify-content: space-between;
		padding: 4vw;
	}
	#page-links{
		flex-direction: row;
	}
	#page-links a{
		margin: 0 2vw 0 0;
	}
	#page-links a::after{
		content: '|';
		margin-left: 2vw;
	}
	#page-links a:last-child::after{
		content: '';
	}
}
@media only screen and (min-width:750px) {
	/*Headers*/
	#fixed-site-navigation .container,
	#static-header-white,
	#static-header-dark{
		padding-top: 1vw;
		max-width: 94vw;
	}
	/*Posts list*/
	.posts-list article{
		padding: 2vw 0;
	}
	.posts-list article img,
	.posts-list article h1,
	.posts-list article p{
		max-width: 94vw;
		margin: 0 auto 2vw;
	}
	/*Footer*/
	#footer-logo img{
		width: 60vw;
	}
	#footer-content{
		padding: 2vw;
	}
}
@media only screen and (min-width:1060px) {
	/*Headers*/
	#fixed-site-navigation .container,
	#static-header-white,
	#static-header-dark{
		padding-top: 1vw;
		max-width: 1000px;
	}
	#fixed-site-navigation .container,
	#static-header-dark{
		padding-bottom: 1.5vw;
	}
	#fixed-site-navigation .logo img,
	#static-header-white .logo img,
	#static-header-dark .logo img{
		max-width: 20vw;
	}
	#fixed-site-navigation .site-nav,
	#static-header-white .site-nav,
	#static-header-dark .site-nav{
		padding-right: 1vw;
		margin-right: 1vw;
	}
	#fixed-site-navigation .site-nav img,
	#fixed-site-navigation .social-links img,
	#static-header-white .site-nav img,
	#static-header-white .social-links img,
	#static-header-dark .site-nav img,
	#static-header-dark .social-links img{
		margin-right: 1vw;
	}
	.site-nav-list{
		top: calc(100% + 2vw);
		left: -100%;
		right: -100%;
		padding: 0 1vw;
	}
	.site-nav-list li{
		padding: 1vw 0;
	}
	.site-nav-list h2{
		margin: 0 0 0.5vw;
	}
	/*Posts list*/
	.posts-list article{
		padding: 1vw 0;
	}
	.posts-list article img,
	.posts-list article h1,
	.posts-list article p{
		margin: 0 auto 1vw;
	}
	.posts-list article img,
	.posts-list article .post-info{
		max-width: 1000px;
	}
	/*Footer*/
	#footer-logo img{
		width: 40vw;
		margin: 0 auto;
		padding: 4vw 0;
	}
	#footer-content{
		padding: 1vw 0;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	#footer-content p{
		font-size: 0.85rem;
	}
	#page-links a{
		margin: 0 1vw 0 0;
	}
	#page-links a::after{
		margin-left: 1vw;
	}
}
@media only screen and (min-width:1400px) {
	/*Headers*/
	#fixed-site-navigation .container,
	#static-header-dark{
		padding-bottom: 1vw;
	}
	#fixed-site-navigation .logo img,
	#static-header-white .logo img,
	#static-header-dark .logo img{
		max-width: 15vw;
	}
	#fixed-site-navigation .site-nav,
	#static-header-white .site-nav,
	#static-header-dark .site-nav{
		padding-right: 0.85vw;
		margin-right: 0.85vw;
	}
	#fixed-site-navigation .site-nav img,
	#fixed-site-navigation .social-links img,
	#static-header-white .site-nav img,
	#static-header-white .social-links img,
	#static-header-dark .site-nav img,
	#static-header-dark .social-links img{
		height: 1.25vh;
		margin-right: 0.85vw;
	}
	/*Footer*/
	#footer-logo img{
		width: 20vw;
	}
}
/*Support for CSS Grid*/
@supports (grid-area: auto) {
	@media only screen and (min-width:750px) {
		/*Navigation*/
		#fixed-site-navigation,
		#static-header-dark-grid{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#archive-header{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			grid-template-rows: 50vh 10vh;
			grid-row-gap: 2px;
			height: auto;
		}
		.hero-img-holder{
			grid-column: 1/16;
			grid-row: 1;
			border-bottom: solid 2px var(--bg-color);
		}
		#archive-header-img{
			width: 100%;
			height: 50vh;
		}
		#fixed-site-navigation .container,
		#static-header-white,
		#static-header-dark{
			position: relative;
			display: flex;
			justify-content: space-between;
			grid-column: 2/15;
			grid-row: 1;
			max-width: 100vw;
			height: 6vh;
			margin: 0;
		}
		#fixed-site-navigation .logo img,
		#static-header-white .logo img,
		#static-header-dark .logo img{
			height: 4vh;
			width: auto;
		}
		#fixed-site-navigation .navigation,
		#static-header-white .navigation,
		#static-header-dark .navigation{
			display: flex;
		}
		#fixed-site-navigation .navigation p,
		#static-header-white .navigation p,
		#static-header-dark .navigation p{
			margin: 0;
		}
		#archive-header-title{
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: center;
			padding-bottom: 5vh;
			grid-column: 2/15;
			grid-row: 1/3;
			z-index: 10;
		}
		#archive-header-title{
			background: none;
			border-top: none;
		}
		#archive-header-title .container{
			background-color: var(--bg-color);
			padding: 2px;
		}
		#archive-header-title .container .outline{
			border: solid 2px var(--bg-dark);
			padding: 1vw 2.5vw;
		}
		#archive-header-title h1{
			color: var(--txt-color);
			font-size: 1.5rem;
			font-weight: 800;
			margin:0 0 1vw;
			text-align: center;
		}
		#archive-header-title p{
			color: var(--txt-color);
			font-size: 1.25rem;
			margin: 0;
			text-align: center;
		}
		/*Home Page Header*/
		#home-header{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			height: 100vh;
		}
		#home-header,
		#home-carousel{
			grid-column: 1/16;
		}
		#home-carousel{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			grid-template-rows: 85vh 10vh 5vh;
		}
		.home-carousel-slide{
			grid-column: 1/16;
			grid-row: 1/3;
		}
		.home-carousel-slide-image{
			height: 85vh;
			border-bottom: solid 2px var(--bg-color);
		}
		.home-carousel-slide-info-container{
			grid-column: 2/15;
			grid-row: 1/3;
			display: flex;
			justify-content: flex-start;
			align-items: flex-end;
		}
		.home-carousel-slide-info{
			position: static;
			max-width: 65%;
			padding: 2px;
		}
		.home-carousel-slide-info a{
			flex-direction: column;
			align-items: flex-start;
			min-height: 20vh;
			padding: 0 2vw;
			border: solid 2px var(--bg-dark);
			transition: all 0.45s ease-in-out;
		}
		.home-carousel-slide-info a:hover{
			border: solid 2px var(--cs-blue);
		}
		.home-carousel-slide-info h2{
			text-align: left;
			margin: 1vw 0;
			transition: all 0.45s ease-in-out;
		}
		.home-carousel-slide-info p{
			display: inline;
			margin: 0 0 1vw;
			transition: all 0.45s ease-in-out;
		}
		.home-carousel-slide-info a:hover h2,
		.home-carousel-slide-info a:hover p{
			color: var(--cs-blue);
		}
		.home-carousel-progress{
			grid-column: 10/15;
			grid-row: 2/3;
			height: 3vh;
			justify-content: flex-end;
			z-index: 50;
		}
		/*Posts list*/
		.posts-list article{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			align-items: flex-start;
			margin: 0;
			padding: 2vw 0;
		}
		.posts-list article img{
			grid-column: 2/15;
			margin-bottom: 1vw;
		}
		.posts-list article .post-info{
			grid-column: 2/15;
			display: grid;
			grid-template-columns: 2vw 1fr;
		}
		.posts-list article .post-info h1{
			display: inline-block;
			grid-column: 1/3;
			width: auto;
			margin-top: 0;
			margin-bottom: 1vw;
			margin-left: 0;
			padding-bottom: 1vw;
			border-bottom: double 6px var(--txt-color);
		}
		.posts-list article .post-info p{
			grid-column: 1/3;
			margin-top: 0;
			margin-bottom: 1vw;
		}
		.posts-list article .post-info .posts-list-meta{
			margin-bottom: 0;
		}
		.posts-list-meta .item::after{
			width: 4px;
			height: 4px;
		}
		.next-posts,
		.next-posts-one-type,
		.next-posts-taxonomy-term{
			height: 20vh;
			background-color: var(--bg-color);
			border-top: var(--border-thin);
			transition: all 0.45s ease-in-out;
		}
		.arrow-down{
			border-top: 10px solid var(--txt-color);
			transition: all 0.45s ease-in-out;
		}
		#load-more-posts{
			color: var(--txt-color);
			transition: all 0.45s ease-in-out;
		}
		.next-posts:hover,
		.next-posts-one-type:hover,
		.next-posts-taxonomy-term:hover{
			border-top: solid 1px var(--cs-blue);
			background: var(--cs-blue);
		}
		.next-posts:hover .arrow-down,
		.next-posts-one-type:hover .arrow-down,
		.next-posts-taxonomy-term:hover .arrow-down{
			border-top: 10px solid var(--bg-color);
		}
		.next-posts:hover #load-more-posts,
		.next-posts-one-type:hover #load-more-posts,
		.next-posts-taxonomy-term:hover #load-more-posts{
			color: var(--bg-color);
		}
		/*Taxonomy*/
		#taxonomy{
			background: var(--bg-dark);
		}
		#taxonomy h1{
			color: var(--bg-color);
			margin: 0;
			padding: 2vw 0;
		}
		/*Posts with hero image, with or without poster*/
		.mobile-paragraph-break{
			display: none;
		}
		#post-header-dark{
			grid-column: 1/16;
			grid-row: 1;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#the-post,
		#the-post-title,
		#the-post-title-with-poster{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#the-post-title,
		#the-post-title-with-poster{
			grid-column: 1/16;
			grid-row: 2;
		}
		#the-post-header{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			grid-column: 1/16;
			grid-row: 1;
		}
		#the-post-header .background{
			opacity: 1;
			filter: grayscale(0);
		}
		#the-post-title h1,
		#the-post-title-with-poster h1{
			grid-column: 2/15;
			margin: 2vw 0;
		}
		#the-post-blurb,
		#the-post-blurb-with-poster{
			grid-column: 1/16;
			grid-row: 2;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			padding-top: 1vw;
		}
		#the-post-blurb p,
		#the-post-blurb-with-poster p{
			grid-column: 2/15;
			margin: 2vw 0 0;
		}
		#the-post-blurb .quotes,
		#the-post-blurb-with-poster .quotes{
			height: 1.25vh;
			width: auto;
		}
		#the-post-content{
			grid-column: 1/16;
			grid-row: 3;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			padding: 1vw 0;
		}
		#the-post-content h2,
		#the-post-content p{
			grid-column: 2/15;
			width: 100%;
			margin: 1vw 0;
		}
		#the-post-content hr{
			grid-column: 2/15;
			margin: 1vw auto;
		}
		#the-post-content img{
			grid-column: 2/15;
			margin: 1vw 0;
		}
		#the-post-content q{
			font-size: 1.75rem;
			color: var(--txt-color);
			padding: 0;
			background: none;
		}
		#the-post-meta,
		#the-post-meta-with-poster{
			grid-column: 2/15;
			grid-row: 4;
			padding: 0;
		}
		#the-post-publication,
		#the-post-sharing{
			padding: 1vw 0 2vw;
		}
		#the-post-sharing{
			grid-column: 2/15;
			padding-bottom: 1vw;
		}
		.keywords-contanier{
			grid-column: 2/15;
			margin: 0.5vw 0 0;
		}
		.keyword a{
			margin: 1vw 2vw 1vw 0;
		}
		/*Posts without hero image*/
		#the-post-header-no-hero{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			grid-template-rows: 25vw 31.25vw auto;
			grid-column: 1/16;
			grid-row: 1;
			align-items: flex-start;
		}
		#post-no-hero-background{
			grid-column: 1/16;
			grid-row: 1/3;
			height: 56.25vw;
		}
		#the-post-title-no-hero{
			grid-column: 1/16;
			grid-row: 3/4;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			margin-top: 0;
		}
		#the-post-title-no-hero h1{
			grid-column: 2/15;
			margin: 2vw 0;
		}
		#the-post-blurb-no-hero{
			grid-column: 1/16;
			grid-row: 2;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#the-post-blurb-no-hero p{
			grid-column: 2/15;
			margin: 2vw 0 0;
		}
		#the-post-blurb-no-hero .quotes{
			height: 1.25vh;
			width: auto;
		}
		#the-post-content-no-hero{
			grid-column: 1/16;
			grid-row: 3;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			padding: 1vw 0;
		}
		#the-post-content-no-hero h2,
		#the-post-content-no-hero p{
			grid-column: 2/15;
			width: 100%;
			margin: 1vw 0;
		}
		#the-post-content-no-hero hr{
			grid-column: 2/15;
			margin: 1vw auto;
		}
		#the-post-content-no-hero img{
			grid-column: 2/15;
			margin: 1vw 0;
		}
		#the-post-content-no-hero q{
			font-size: 1.75rem;
			color: var(--txt-color);
			padding: 0;
			background: none;
		}
		#the-post-meta-no-hero{
			grid-column: 2/15;
			grid-row: 4;
			padding: 0;
		}
		#the-post-meta-content-no-hero{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		#the-post-publication-no-hero,
		#the-post-sharing-no-hero{
			padding: 1vw 0 2vw;
		}
		#the-post-sharing-no-hero{
			grid-column: 2/15;
			padding-bottom: 1vw;
		}
		#the-post-sharing-no-hero img{
			height: 1.5vh;
			margin-right: 0;
		}
		#the-post-sharing-no-hero a{
			margin-right: 2vw;
		}
		#the-post-sharing-no-hero a:last-child{
			margin-right: 0;
		}
		/*Comments*/
		.comments,
		.comments-no-hero{
			grid-column: 2/15;
			padding: 1vw 0;
		}
		/*Posts Related Content*/
		.related-content-header{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			width: 100%;
			border-bottom: var(--border-thin);
		}
		.related-content-header h2{
			grid-column: 2/15;
			margin: 2vw 0;
		}
		/*Page*/
		#the-page{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			padding: 0;
		}
		#the-page header,
		#the-page article{
			grid-column: 2/15;
		}
		#the-page header h1{
			font-size: 1.5rem;
			margin-bottom: 0;
		}
		/*Footer*/
		#site-footer{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#footer-logo{
			max-width: 100%;
			grid-column: 1/16;
			grid-row: 1;
		}
		#footer-content{
			max-width: 100%;
			grid-column: 2/15;
			grid-row: 2;
		}
	}
	@media only screen and (min-width:1060px) {
		/*Navigation*/
		#archive-header{
			grid-template-rows: 70vh 10vh;
		}
		#fixed-site-navigation .container,
		#static-header-white,
		#static-header-dark{
			grid-column: 3/14;
			padding-top: 0.5vw;
		}
		#archive-header-img{
			height: 70vh;
		}
		#archive-header-title h1{
			font-size: 1.75rem;
			margin:0 0 0.5vw;
		}
		#archive-header-title p{
			font-size: 1.5rem;
		}
		/*Home Page Header*/
		.home-carousel-slide-info-container{
			grid-column: 3/14;
		}
		.home-carousel-slide-info{
			max-width: 50%;
		}
		.home-carousel-slide-info a{
			padding: 0 1vw;
		}
		.home-carousel-quote{
			display: flex;
			flex-direction: column;																																																																																																																																							
			justify-content: center;
			align-items: flex-end;
			grid-column: 3/14;
			grid-row: 1/3;
			z-index: 10;
			transition: all 0.45s ease-in-out;
		}
		.home-carousel-quote p{
			font-size: 2rem;
			text-align: right;
			color: var(--bg-color);
			max-width: 70%;
			margin-bottom: 0.5vw;
			text-shadow: 1px 1px 4px rgba(0,0,0,1);
		}
		.home-carousel-quote-link{
			margin-top: 0.5vw;
		}
		.home-carousel-quote-link a{
			font-size: 1.25rem;
			color: var(--bg-color);
			margin: 0;
			padding: 0.5vw 1vw;
			border: solid 1px var(--cs-blue);
			box-shadow: 0 0 2px #000;
			transition: all 0.45s ease-in-out;
		}
		.home-carousel-quote-link a:hover{
			text-shadow: 1px 1px 4px rgba(0,0,0,0);
			background: var(--cs-blue);
		}
		.home-carousel-progress{
			grid-column: 10/14;
		}
		/*Posts list*/
		.posts-list article img{
			grid-column: 3/7;
			margin-bottom: 0;
		}
		.posts-list article .post-info h1,
		.posts-list article .post-info p{
			grid-column: 2;
		}
		.posts-list article .post-info{
			grid-column: 7/14;
		}
		.posts-list article .post-info p{
			text-align: justify;
		}
		.posts-list-meta .item::after{
			width: 5px;
			height: 5px;
		}
		/*Autopsies AKA Posts with poster*/
		#post-header-dark{
			height: 100%;
		}
		#the-post-header{
			background: var(--bg-dark);
		}
		#the-post-header .background{
			bottom: 0;
			height: auto;
			z-index: 0;
		}
		#the-post-title-with-poster{
			background: none;
			border: none;
		}
		#the-post-title-with-poster{
			margin-top: 50vh;
		}
		#the-post-title-with-poster h1{
			grid-column: 6/11;
			color: var(--bg-color);
			text-shadow: 1px 1px 4px rgba(0,0,0,1);
			box-shadow: 0 4px 4px -10px rgba(0,0,0,1);
			margin: 0.5vw 0 1.5vw;
			padding-bottom: 1vw;
			border-bottom: double 6px var(--bg-color);
			z-index: 5;
		}
		#the-post-blurb-with-poster{
			padding-top: 0;
			border-top: solid 1px var(--bg-dark);
		}
		#the-post-blurb-with-poster p{
			grid-column: 6/11;
			display: flex;
			align-items: center;
			text-align: justify;
			margin: 1.5vw 0 1vw;
		}
		#the-post-content{
			grid-row: 4;
		}
		#the-post-meta-with-poster{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			grid-column: 1/16;
			grid-row: 3;
			padding: 0;
			z-index: 5;
			border-bottom: solid 2px var(--border-color);
		}
		#the-post-meta-content{
			grid-column: 6/11;
		}
		#the-post-publication{
			display: flex;
		}
		#the-post-poster{
			display: block;
			grid-column: 3/6;
			grid-row: 1/5;
			width: calc(100% - 2vw);
			margin-top: 50vh;
			z-index: 10;
		}
		#the-post-poster div{
			padding: 0.5vw;
			background: var(--bg-color);
			border: solid 1px var(--bg-dark);
		}
		#the-post-poster img{
			display: block;
			width: 100%;
			width: calc(100% - 1px);
			height: auto;
		}
		/*Posts without poster*/
		#the-post-title{
			background: none;
			border: none;
			margin-top: 50vh;
		}
		#the-post-title h1{
			grid-column: 3/14;
			color: var(--bg-color);
			text-align: center;
			text-shadow: 1px 1px 4px rgba(0,0,0,1);
			box-shadow: 0 4px 4px -10px rgba(0,0,0,1);
			margin: 0.5vw 0 1.5vw;
			padding-bottom: 1vw;
			border-bottom: double 6px var(--bg-color);
			z-index: 5;
		}
		#the-post-blurb{
			padding-top: 0;
			border-top: solid 1px var(--bg-dark);
			border-bottom: solid 2px var(--border-color);
		}
		#the-post-blurb p{
			grid-column: 3/14;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			margin: 2vw 0 2vw;
		}
		#the-post-blurb .quotes{
			display: none;
		}
		#the-post-meta{
			grid-column: 3/5;
			grid-row: 3/5;
			flex-direction: column;
			padding: 0;
			margin-top: 1vw;
			margin-right: -2vw;
		}
		/*Posts without hero image*/
		#the-post-header-no-hero{
			grid-template-rows: auto;
		}
		#post-no-hero-background{
			grid-row: 1/4;
			height: 100%;
		}
		#the-post-title-no-hero{
			background: none;
			border: none;
			margin-top: 65vh;
		}
		#the-post-title-no-hero h1{
			grid-column: 5/12;
			color: var(--bg-color);
			text-align: center;
			margin: 1vw 0;
			z-index: 5;
		}
		#the-post-blurb-no-hero,
		#the-post-content-no-hero{
			background: var(--bg-color);
			z-index: 5;
		}
		#the-post-blurb-no-hero{
			grid-column: 1/16;
			grid-row: 2;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#the-post-blurb-no-hero p{
			grid-column: 5/12;
			text-align: center;
			margin: 1.5vw 0 1vw;
		}
		#the-post-content-no-hero{
			grid-row: 4;
		}
		#the-post-content-no-hero h2,
		#the-post-content-no-hero p,
		#the-post-content-no-hero img,
		#the-post-content-no-hero q,
		#the-post-content-no-hero hr,
		#the-post-meta-content-no-hero,
		#the-post-content-no-hero .keywords-contanier,
		.comments-no-hero{
			grid-column: 6/11;
		}
		#the-post-content-no-hero h2{
			margin: 0.75vw 0;
		}
		#the-post-content-no-hero img{
			border: var(--border-thin);
		}
		#the-post-content-no-hero q{
			margin: 0 -2vw;
		}
		#the-post-content-no-hero p{
			margin: 0.5vw 0;
		}
		#the-post-content-no-hero img{
			margin: 1vw 0;
		}
		#the-post-content-no-hero hr::before{
			left: 10vw;
		}
		#the-post-content-no-hero hr::after{
			right: 10vw;
		}
		#the-post-meta-no-hero{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			grid-column: 1/16;
			grid-row: 3;
			padding: 0;
			z-index: 5;
			background: var(--bg-color);
			border-bottom: var(--border-thin);
		}
		#the-post-meta-content-no-hero{
			flex-direction: column;
			border: none;
		}
		#the-post-content-no-hero q,
		#the-post-content-no-hero p,
		#the-post-meta-no-hero{
			text-align: justify;
		}
		#the-post-author-no-hero,
		#the-post-type-no-hero{
			padding: 0;
			margin: 0;
			border: none;
		}
		#the-post-author::before,
		#the-post-author::after,
		#the-post-author-no-hero::before,
		#the-post-author-no-hero::after{
			content: '';
			display: inline-block;
			width: 5px;
			height: 5px;
			background: var(--cs-blue);
			border-radius: 50%;
			margin: 0 2vw 1px;
		}
		#the-post-publication-no-hero{
			padding: 0 0 1.5vw;
		}
		#the-post-sharing-no-hero{
			grid-column: 6/11;
			padding-top: 0;
		}
		.comments-no-hero{
			padding: 0 0 1vw;
		}
		/*Post content*/
		#the-post-content{
			grid-column: 6/11;
		}
		#extra-info{
			display: block;
			grid-column: 1/16;
			border-bottom: var(--border-thin);
			padding-bottom: 1vw;
			margin-bottom: 1vw;
		}
		#extra-info p{
			margin: 0.5vw 0;
		}
		#the-post-content p{
			grid-column: 1/16;
			text-align: justify;
		}
		#the-post-content h2,
		#the-post-content img,
		#the-post-content hr{
			grid-column: 1/16;
		}
		#the-post-content h2{
			margin: 0.75vw 0;
		}
		#the-post-content hr::before{
			left: 10vw;
		}
		#the-post-content hr::after{
			right: 10vw;
		}
		#the-post-content q{
			margin: 0.5vw -2vw;
		}
		#the-post-publication{
			margin-bottom: 1.5vw;
			padding: 0;
		}
		#the-post-sharing{
			grid-column: 6/11;
			padding-top: 0;
		}
		#the-post-sharing img{
			height: 1.5vh;
			margin-right: 1vw;
		}
		#the-post-author,
		#the-post-type,
		#the-post-date{
			padding: 0;
			margin-right: 0;
			border-right: none;
		}
		.keywords-contanier{
			grid-column: 1/16;
			margin: 0;
		}
		.keyword a{
			margin: 0.5vw 1vw 0.5vw 0;
		}
		/*Comments*/
		.comments{
			grid-column: 6/11;
			padding: 0 0 1vw;
		}
		/*Posts Related Content*/
		.related-content-header h2{
			grid-column: 3/14;
		}
		/*Post Info Recap*/
		#post-info-recap{
			position: fixed;
			top: 0;
			display: grid;
			grid-template-columns: repeat(15, 1fr);
			width: 100%;
			max-height: 0;
			overflow: hidden;
			z-index: 10;
			background: var(--bg-dark);
			transition: all 0.45s ease-in;
		}
		.post-info-recap-category{
			grid-column: 3/6;
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
		.post-info-recap-title{
			grid-column: 6/11;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.post-info-recap-title h2,
		.post-info-recap-category a{
			color: var(--bg-color);
			font-size: 1rem;
			font-weight: 600;
		}
		.post-info-recap-sharing{
			grid-column: 11/14;
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		.post-info-recap-sharing a{
			margin-right: 1vw;
		}
		.post-info-recap-sharing a:last-child{
			margin-right: 0;
		}
		.post-info-recap-category img{
			height: 2.5vh;
			width: auto;
			margin-right: 1vw;
		}
		.post-info-recap-sharing img{
			height: 1.5vh;
			width: auto;
		}
		/*Page*/
		#the-page header,
		#the-page article{
			grid-column: 3/14;
		}
		/*Footer*/
		#site-footer{
			display: grid;
			grid-template-columns: repeat(15, 1fr);
		}
		#footer-logo{
			max-width: 100%;
			grid-column: 1/16;
			grid-row: 1;
		}
		#footer-content{
			max-width: 100%;
			grid-column: 3/14;
			grid-row: 2;
		}
	}
	@media only screen and (min-width:1400px){
		body{
		  font-size: 1.35rem;
		}
		/*Reset Grid For Large Screens*/
		#fixed-site-navigation,
		#static-header-dark-grid,
		#archive-header,
		#home-header,
		#home-carousel,
		.posts-list article,
		#the-post-header,
		#post-header-dark,
		#the-post,
		#the-post-blurb-with-poster,
		#the-post-blurb,
		#the-post-meta-with-poster,
		#the-post-header-no-hero,
		#the-post-title-no-hero,
		#the-post-blurb-no-hero,
		#the-post-content-no-hero,
		#the-post-meta-no-hero,
		.related-content-header,
		#the-page,
		#site-footer{
		  grid-template-columns: repeat(18, 1fr);
		}
		.hero-img-holder,
		#home-header,
		#home-carousel,
		.home-carousel-slide,
		#the-post-header,
		#post-header-dark,
		#the-post-blurb-with-poster,
		#the-post-blurb,
		#the-post-meta-with-poster,
		#the-post-header-no-hero,
		#post-no-hero-background,
		#the-post-title-no-hero,
		#the-post-blurb-no-hero,
		#the-post-content-no-hero,
		#the-post-meta-no-hero,
		#footer-logo{
		  grid-column: 1/19;
		}
		/*Navigation*/
		#fixed-site-navigation .container,
		#static-header-white,
		#static-header-dark{
			grid-column: 4/16;
			padding-top: 0;
		}
		#archive-header-title{
			grid-column: 4/16;
		}
		/*Home Page Header*/
		.home-carousel-slide-info-container,
		.home-carousel-quote{
			grid-column: 4/16;
		}
		.home-carousel-quote p{
			max-width: 60%;
		}
		.home-carousel-progress{
			grid-column: 10/16;
		}
		/*Posts list*/
		.posts-list article img{
			grid-column: 4/8;
		}
		.posts-list article .post-info{
			grid-column: 8/16;
		}
		.posts-list-meta .item::after{
			margin: 0 1.5vw 1px;
		}
		/*Taxonomy*/
		#taxonomy h1{
			padding: 1.5vw 0;
		}
		/*Posts without hero image*/
		#the-post-title-no-hero h1,
		#the-post-blurb-no-hero p,
		#the-post-meta-content-no-hero{
			grid-column: 6/14;
		}
		#the-post-content-no-hero{
			padding-bottom: 0.5vw;
		}
		#the-post-content-no-hero h2,
		#the-post-content-no-hero p,
		#the-post-content-no-hero img,
		#the-post-content-no-hero q,
		#the-post-content-no-hero hr,
		#the-post-content-no-hero .keywords-contanier,
		.comments-no-hero{
			grid-column: 7/13;
		}
		#the-post-content-no-hero q{
			font-size: 1.85rem;
			margin: 0.5vw -1vw;
		}
		#the-post-blurb-no-hero p{
			margin: 1.5vw 0 1vw;
		}
		#the-post-publication-no-hero{
			padding: 0 0 1.5vw;
		}
		#the-post-author::before,
		#the-post-author::after,
		#the-post-author-no-hero::before,
		#the-post-author-no-hero::after{
			margin: 0 1.5vw 3px;
		}
		#the-post-sharing-no-hero{
			grid-column: 7/13;
			padding-bottom: 0.5vw;
		}
		#the-post-sharing-no-hero img{
			height: 1.25vh;
		}
		#the-post-sharing-no-hero a{
			margin-right: 0.85vw;
		}
		/*Posts*/
		#the-post-title-with-poster,
		#the-post-title{
			margin-top: 65vh;
		  	grid-template-columns: repeat(18, 1fr);
			grid-column: 1/19;
		}
		#the-post-title-with-poster h1{
			grid-column: 7/13;
			border-bottom: double 7px var(--bg-color);
		}
		#the-post-blurb-with-poster p{
			grid-column: 7/13;
			margin: 1.5vw 0 1vw;
		}
		#the-post-content{
			padding-bottom: 0.5vw;
		}
		#the-post-content,
		#the-post-meta-content{
			grid-column: 7/13;
		}
		#the-post-publication{
			margin-bottom: 1.5vw;
		}
		#the-post-content p,
		#the-post-content img{
			margin: 0.5vw 0;
		}
		#the-post-content q{
			font-size: 1.85rem;
			margin: 0.5vw -1vw;
		}
		#the-post-poster{
			grid-column: 4/7;
			margin-top: 65vh;
		}
		#the-post-poster div{
			margin-top: 0.5vw;
		}
		#the-post-sharing{
			grid-column: 7/13;
			padding-bottom: 0.5vw;
		}
		#the-post-sharing img{
			height: 1.25vh;
			margin-right: 0.85vw;																																																																																			
		}
		.drop-cap{
			font-size: 5.5rem;
			padding-right: 8px;
		}
		/*Comments*/
		.comments{
			grid-column: 7/13;
		}
		/*Related content*/
		.related-content-header h2{
			grid-column: 4/16;
		}
		/*Post Info Recap*/
		#post-info-recap{
			grid-template-columns: repeat(18, 1fr);
		}
		.post-info-recap-category{
			grid-column: 4/7;
		}
		.post-info-recap-title{
			grid-column: 7/13;
		}
		.post-info-recap-sharing{
			grid-column: 13/16;
		}
		.post-info-recap-category img{
			height: 2vh;
			margin-right: 0.85vw;
		}
		.post-info-recap-sharing a{
			margin-right: 0.85vw;
		}
		.post-info-recap-sharing img{
			height: 1.25vh;
		}
		/*Page*/
		#the-page header,
		#the-page article{
			grid-column: 4/16;
		}
		/*Footer*/
		#footer-content{
			grid-column: 4/16;
		}
		/*
		*OLD STYLES FOR POSTS - CAN PROBABLY BE DELETED
		*
		*#the-post-title h1{
		*	grid-column: 4/16;
		*	border-bottom: double 7px var(--bg-color);
		*}
		*#the-post-blurb p{
		*	grid-column: 5/15;
		*	margin: 1.5vw 0 1vw;
		*}
		**/
		/*
		*ASPECT RATIO MEDIA QUERY
		*
		*@media screen and (min-aspect-ratio: 21/9){
		*	#the-post-content p{
		*		color: #FFF;
		*	}
		*}
		**/
	}
}