@layer second-nav {

    :root {
      --c-second-nav-bg-color: var(--c-dark-accent2);
      --c-second-nav-text: #fff;
      --c-second-nav-hover-text: var(--c-main-accent);
    }

#second-nav-section{
  display:grid;
  grid-template-rows: 3fr 1fr;
  padding:40px 0 10px 190px;
  /* min-height: 25vh; */
  margin-top:40px;
  width: 100%;
  background-color: var(--c-second-nav-bg-color);
}

      #second-nav{
          display:grid;
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
          align-items: start;
      }

                    #second-nav ul li {
                        padding:10px 0;
                    }

                        #second-nav ul.legal-nav li {
                          padding:0;
                        }


                    #second-nav ul li:hover,
                    #second-nav ul li a:hover {
                        color: var(--c-second-nav-hover-text);
                    }


                            #second-nav ul li a {
                                display: block;
                                color: var(--c-second-nav-text);
                                font-weight: 100;
                                letter-spacing:1px;
                                text-decoration: none;
                              }

                                  #second-nav ul.legal-nav li a:hover{
                                    color:#fff;
                                  }

                            #second-nav .column:last-of-type {
                                text-align: right;
                            }

                                  #second-nav .column:last-of-type ul {
                                      padding:20px 10px 0 0;
                                  }

                                      #second-nav .column:last-of-type li a {
                                          color: var(--c-main-accent);
                                          font-size: .8rem;
                                      }

            #second-nav .button {
                display: block;
                padding:20px;
                border:1px solid var(--c-main-accent);
                text-align: center;
                font-family: var(--font-code);
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: .85rem;
                color: #fff;
                text-decoration: none;
            }

                  #second-nav .button:hover {
                      color: var(-main-color);
                      opacity: 0.6;
                  }


    #second-nav-section .copyright {
        font-size: .8rem;
        text-align: right;
        align-content: end;
        padding-right:10px;
    }

}