note.css

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

main {
flex: 1 0 auto;
}

.parallax-container {
  height: 800px;
}

/* .transparentBG{
background-color: rgba(0,0,0,0);
}
.nav {
  background-color: transparent;
} */
/* 

.toolbar-fixed {
  width: 100%;
  padding: 0;
  height: 56px;
  position: fixed;
  bottom: 0px;

}

.toolbar-fixed.active > a i {
opacity: 0;
}

.toolbar-fixed ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
bottom: 0;
}


.toolbar-fixed ul li {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
margin: -;
height: 100%;
transition: none;
position: relative;
top: -15px;

}


.toolbar-fixed ul li a{
  display: block;
    overflow: hidden;
    position: relative;
  
    width: 100%;
    height: 100%;
    background-color: transparent;
    box-shadow: none;
     color: #fff;
    line-height: 56px;
    z-index: 1;
     }
  
  .toolbar-fixed ul li a i {
  line-height: inherit;
  }
  
  .toolbar-fixed ul {
  left: 0;
  right: 0;
  text-align: center;
  }
  
  .toolbar-fixed ul li {
   margin-bottom: 15px;
  } */