.exp_link{
  color:#275d38;
}
html, body{
  background-color: #e3e3e3;
}
/* *{
  padding:0px;
  margin:0px;
  box-sizing: border-box;
} */
*{
  font-family: 'Rajdhani', sans-serif !important;
}
#site_wrap{
  /* max-width: 1800px; */
  height: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}
#scroll_box{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
	overflow-y: scroll;
}
.drift_container{
  position: relative;
	width:100%;
	height:100%;
}

.container .row div img{
  width: 100%;
}
.row{
  position: relative;
  margin:40px;
}

/* section one */

/* HERO HERO HERO HERO HERO HERO HERO */

#hero{
  position: relative;
  height: 40%;
  width:100%;
  /* overflow: hidden; */
}
#hero_img{
  width:100%;
  height: 100%;
  overflow: hidden;
}
#hero_img img{
  width: 100%;

}

/* ------------------------ HERO text */
#hero_text_wrap{
position: absolute;
bottom:-110px;
left:80px;
}

.hero_text p{
  font-family: 'Rajdhani', sans-serif;
  font-size: 60px;
  /* padding:4px 0 4px 20px; */
  padding-left: 20px;
  color:#fff;
  text-transform: uppercase;
}
.hero_text{
  position: relative;
  height:70px;
  width:600px;
  margin: 10px;
}
.hero_text .backing{
  background-color: #0b3318;
  /* mix-blend-mode: multiply !important; */
  margin:5px;
  width:100%;
  height: 100%;
  opacity: .85;
}
.hero_text .backing, .hero_text  p{
  position: absolute;
  top:0px;
}

.pad{
  padding-top: 50px;
  padding-bottom: 50px;
}

.push_space{
  height:200px;
}
.push_space_btn{
  height: 2000px;
}


#img_s1, #imgs6{
  height: 200px;
  width:100%;
  overflow: hidden;
}
#imgs12, #imgs15{
  height: 400px;
  width:100%;
  overflow: hidden;
}


.img_backing img, #imgs11_dv img{
  width:100%;
}
.text_op1{
  position: relative;
  font-family: 'Rajdhani', sans-serif;
  color:#222;
  text-transform: uppercase;
  font-weight: 500;
  margin:10px auto;
  font-size: 14px;
  z-index: 9999;
}
.text_op1 span{
  font-family: 'Rajdhani', sans-serif;
  font-weight: bold;
  color:#275d38;
}
.text_wrap{
  height: 50%;
}
.cntr_txt{
  top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#since_txt{
  font-size: 40px;
  text-align: center;
}
#founded_txt{
 text-align: right;
}
#strength_txt p{
  text-align:center;
  font-size: 5vw;
  letter-spacing: 1vw;
  line-height: 1.5;
}
#apply_txt a{
  color:#275d38;
  /* padding:55px; */
  text-decoration: underline !important;
}
/* #apply_txt a:hover{
text-decoration: none !important;
color:#fff;
background-color: #275d38;
} */
#systainable_txt{}
#building_text{
  font-weight: bold;
}
#tomorrow_text{
left:40px;
}
#tomorrow_text span{
  font-weight: bold;
  font-family: 'Rajdhani', sans-serif;
}
#built_txt_wrap{
  height: 100%;
  width: 100%;
  background-color:#222;
  padding:40px;
}
#built_txt{
  text-align: center;
  font-size: 16px;
  color:#fff;
}
#imgs11, #imgs11_dv{
  height:100%;
}


.ellipse{
  position:fixed;
  z-index: 99;
  mix-blend-mode:soft-light;
}

.ellipse img{
width:100%;
}
#ellipse_1{
  top: 30%;
    right: 24%;
    width: 400px;

}

#ellipse_2{
  top: 65%;
  left: 12%;
  width: 200px;
}
#ellipse_3{
  top: 155%;
  right: 22%;
  width: 150px;
}
/* NAV */


#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 p:hover{
	background-color: #e2e2e2;
	/* padding-left:20px; */
	color: #275d38;
}
#apply_txt_wrap p{
  text-align:center;
  font-size: 5vw;
  letter-spacing: 1vw;
  line-height: 1;
}
#learnmore_text p{
  font-size: 40px;
  line-height: 1;
}

#links{
  background-color: #222;
  color:white;
  padding-top:130px;
  padding-bottom:130px;
}
#link_farm a{
  padding:15px 20px;
  margin:5px;
  display: inline-block;
  background-color: #fff;
  color:#222;
}

#media_light p{
  padding:10px;
  color:white;
  background: #333;
}

 /* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #media_light p{
      border-left: solid 4px red;

  }
}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #media_light p{
    border-left: solid 4px green;

  }
}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #media_light p{
      border-left: solid 4px blue;
  }
  #built_txt {
    font-size: 30px;
  }
}

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #media_light p{
      border-left: solid 4px orange;
  }
  .text_op1 {
    font-size: 20px;
  }
  #imgs6 {
    height: 430px;
  }
  #since_txt {
    font-size: 70px;
  }
  #built_txt {
    font-size: 50px;
  }
}