/*
body {
  background: rgb(26, 24, 29);
  padding :0;
  margin : 0;
  position : relative;
  width: 100%;
  height : 100vh;

  display: flex;
  flex-direction: column;
}
*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#hero-container {
  width : 100%;
  margin:0;
  padding-top: 10px;

  display : grid;
  place-items: center;
}

#logo {
  height: 200px;
}

#logo-mark {
  height: 70px;
}

#navbar {
  z-index: 1;
  background: rgb(26, 24, 29);
}
/*
#navbar {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
}
*/

#navbar-divider {
  width: 100%;
  margin-top: 0px;
  border-bottom: 1px solid rgb(215, 205, 180);
  margin-bottom: 100px;
}

#links-container {
  width : 100%;

  margin-top: 10px;

  display : grid;
  place-items: center;
}

#links-list {
  place-items : center;
  list-style : none;
  margin : 0px;
  padding : 10px 0px 10px 0px;
  text-align : center;
  width: 100%;
}

#links-list li {
  display : inline-block;
  vertical-align: middle;
  padding-left : 30px;
}

#links-list a {
  /*font : 30px sans-serif;*/
  font : 20px Segoe-UI-Bold;
  font-weight: bold;

  text-decoration : none;
  transition-duration : 0.3s;
  /*border: black 2px solid;*/
  /*color: rgb(26, 24, 29);*/
  color: rgb(215, 205, 180);
}

#links-list a:hover {
    text-decoration : underline;
    color : lightgrey;
    /*font-size : 50px;*/
    transition-duration : 0.3s;
}