html,
body {
	/*font-family: Roboto;*/
}

#back-to-top,
header .header-banner {
	display: none;
}

header.entry-header {
	height: 100vh;
	max-height: 700px;
}

header.entry-header h1 {
	font-size: 5.5vw;
}

header.entry-header h2 {
	font-size: 2.66vw;
}


/* Pre next decade Section ------------------------*/

#pre-next .decade-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#pre-next .other-posts:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#pre-next .other-posts {
	position: relative;
	background-blend-mode: luminosity;
	background-position: center 20%;
	background-size: cover;
	padding: 0;
}

#pre-next .decade-details {
	position: absolute;
	bottom: 8%;
	z-index: 1;
	padding: 0 30px;
}
 
#pre-next h3.timeline-end-message {
	text-align: center;
	padding: 20px 0;
}

#pre-next #other-posts {
	/*margin-top: 20px;*/
}

#pre-next  .other-posts {
	color: #ffffff;
}

#pre-next  .other-posts.placeholder {
	/*background-blend-mode: unset;*/
}

#pre-next .other-posts h4 {
	/*font-family: Roboto Slab;*/
	font-weight: bold;
	font-size: 120pt;
	font-size: 6vw;
	text-shadow: 3px 3px 13px black;

}

.decade-btn {
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 0;
	padding: 10px 30px;
	transition: all 0.3s ease-in-out;
	outline: none!important;
}

.decade-btn:hover,
.decade-btn:focus,
.decade-btn:active {
	color: #333333;
	background: #ffffff;
}

@media (min-width:2000px) {
/*     header.entry-header {
    height: auto;
    padding-bottom: 50px;
} */
}
@media (max-width: 992px) {
	.timeline-heading h1.contain-bg-img{

		background: none !important;
		padding: 0 !important;
		margin: 0 !important;

	}
	.timeline > article > .timeline-image-panel,
	.timeline > article .timeline-sec-image-panel{
		width: calc(100% - 30px) !important;
		margin: 0 15px !important;
		
		position: inherit;
	}
	.timeline > article > .timeline-image-panel img{
		width: 100%;
	}
	.timeline > article.event{
		margin-top: 15px !important;
		overflow: hidden;
	}
	.timeline > article .big-text,
	.timeline > article .normal-text{
		padding: 0 !important;
		
	}
	.timeline > article.last-one .article-bg, .timeline > article.last-one .timeline-panel,
	.timeline-section{
		margin-top: 15px !important;
	}
	.timeline > article .big-text,
	.timeline > article .normal-text,
	.timeline-heading h1,
	.timeline-panel {
		background: none !important;
	}
	.timeline-heading h1{
		text-align: center;
		width: 100%;
		margin:0 !important;
		padding: 0 !important;

	}
	.timeline > article.last-one .timeline-sec-image-panel {
	    width: calc(100% - 30px);	    
	}	
	.timeline > article.last-one .timeline-sec-image-panel img,
	.timeline > article .timeline-sec-image-panel img{
		width: 100%;
	}
	.timeline > article{
		margin-bottom: 0px;
	}
	header.entry-header{
		height: auto;
	}
}
@media (max-width: 768px) {

}