.gc {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1px;
  /*margin-right: -0.25em;  
  padding-left: 40px;*/
  vertical-align: top;
  position: sticky !important;
  top: 0 !important;
  
}

.gc--1-of-3 {
  width:15%;
  
}

.gc--2-of-3 {
  width: 85%;
  padding-left:100px;
}

.naccs {
  position: relative;
  width: 100%;
  min-height:100vh;
  display:block;
  margin:0;
  padding:0;
 
}
 
.naccs .menu div {
  /*margin-bottom: 10px;*/
   padding: 10px 0; 
  color: var(--socondary-color);
  background: var(--white);
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight: normal;
  font-size:18px;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
	/*background-color:var(--black);*/
	color:#616161;
}
 
.naccs .menu div.active {
  color: var(--primary-color);
  position:relative;
 
}
.naccs .menu div.active:before {
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: var(--secondary-color);
    left: 0;
    bottom:0;
    content: '';
 
}
ul.nacc {
  position: relative;
  height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li {
  opacity: 0;
  transform: translateY(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li.active {
  transition-delay: 0.3s;
  z-index: 2;
  opacity: 1;
  transform: translateY(0px);
}

@media only screen and (max-width: 640px) {

.gc--1-of-3, .gc--2-of-3 {
  width:100%;
  
}

.gc--2-of-3 {
	padding:25px 0;
}
}