.logo{
  position:fixed;
  top:10px;
  left:10px;
  z-index:99999999;
  width: 140px;
}

/* STACK */
.heading-stack{
  position:fixed;
  left:165px;
  top:15px;
  /* transform:translateY(-50%); */
  width:100%;
  z-index:9999;

}

/* HEADING */
.heading{
  font-size:14px;
  line-height:1.2;
  font-weight:400;
  color:#000;
  opacity:0;
  /* transform:translateY(30px); */
  margin-bottom:5px;
}

/* ACTIVE */
.heading.active{
  color:#fff;
  padding: 6px;
  border-radius: 6px;
  opacity:1;
  display: inline-block;
  background-color: #000;
}

/* SECTIONS */
/* section{
  height:100vh;
} */

/* DEMO COLORS */
/* #intro{background:red;}
#features{background:green;}
#workflow{background:#fc8e11;}
#teams{background:#3b02c2;}
#growth{background:#faf0ff;} */

/* MOBILE */
@media(max-width:768px){
.logo{
top:5px;
  left:5px;
  width: 70px;
}
.heading{
display: none;
}
  .heading-stack{
    left:85px;
  top:10px;
  width:auto;
  }
  .heading{
    font-size:12px;
  }
}
#features, #workflow, #teams, #growth{
  height: 210vh;
}