#scroll_box{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
	/* overflow-y: scroll; */
}
.drift_container{
  position: relative;
	width:100%;
	height:100%;

}
#eighty_box{
	position: relative;
	top: 30%;
 -ms-transform: translateY(-20%);
 transform: translateY(-20%);
}
#eightFrame{
	position: absolute;
	width:100%;
	height:100%;
}
.eighty_logo_element{
	position: absolute;
	width:35%;
  right: 32.22%;
	/* top: 50%;
 -ms-transform: translateY(-50%);
 transform: translateY(-50%); */
}
.eighty_logo_element {
	position: absolute;
	width: 60%;
	right: 19.36%;
}

.eighty_logo_element  img{
	width:100%;
}
.fill_darkgreen{
  height: 100%;
  width: 50%;
  position: absolute;
  right:0px;
  bottom:0px;
  background-color:#275d38;
}

#eighty_years{
  position: fixed;
  width:50%;
  z-index: 9999999 !important;
	top: 45%;
 -ms-transform: translateY(-45%);
 transform: translateY(-45%);
}
#eighty_years h2{
	padding-right: 20px;
	text-align: right;
  font-size: 30px;
	font-weight: 700;
	z-index: 9999999 !important;
}
#eighty_years span{
	font-family: 'Rajdhani', sans-serif;
	padding-right: 20px;
	text-align: right;
  font-size: 10px;
	font-weight: 700;
	color:#275d38;
	z-index: 9999999 !important;
}
@media screen and (min-width: 830px) {
	#eighty_years h2{
		font-size: 80px;
	}
	#eighty_years span{
	  font-size: 40px;
	}
	.eighty_logo_element{
		position: absolute;
		width:35%;
	  right: 32.22%;
	}
	#eighty_box{
		top: 20%;
	}

}
.dta_text{
	z-index: 9999999 !important;
	width: 45%;
position: absolute;
right:0%;
padding-left: 30px;
padding-right:10px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.dta_text h3{
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	color:white;
	font-size: 34px;
}
.dta_text p {
	font-family: 'Rajdhani', sans-serif;
	color:white;
	font-size: 20px;
	font-weight: 600;
	max-width: 500px;
}
.contx{
	color:white;
	font-size: 40px;
	padding: 40px;
}
/* #lower_zero{
  position: fixed;
  z-index: 9999998 !important;
} */
/* #yrs_text{
  z-index: 9999999 !important;
} */
/* button */
/* .scroll_btn{
	position: absolute;
	bottom:20px;
	z-index: 99999999999;
}
.nxt_btn{
	right:65%;
}
.back_btn{
	right:45%;
} */
#nav{
	position: fixed;
	bottom: 20px;
	left:20px;
	z-index: 99999999;
}
#nav li{
	list-style: none;
	margin-bottom:10px;
}
#nav p{
	color:white;
	background-color: #275d38;
	padding:10px;
	transition: 0.3s;
}
#nav #section_one,
#nav #section_three{
	padding-right:20px;
}
#nav p:hover{
	background-color: #e2e2e2;
	/* padding-left:20px; */
	color: #275d38;
}

/* sections */
#section_four{
	background-color: #1d502d;
	z-index: 99999998;
}