#colophon{
    background: darken($background, 6%);
    padding: 1rem 0rem;
    border: solid 3px darken($background,12%);
   margin-top: 2rem;
   .menu-copyright-wrapper{
    align-items: center;
   }
   #copy-info{
    a{
    color: $menu-color;
   }
}
   .menu{
    text-align: right;
    flex-wrap: wrap;
    ul ul{
        display: none;
        flex-wrap: wrap;
    }
    ul{
        list-style: none;
        margin: 0px;
        padding: 0px;  
    }
    li{
        display: inline;
    }
    a{
       color:$main ;
       padding: 5px 10px;
       &:hover{
         text-decoration: none;
       }
    }
    ul ul{
        display: none;
    }
   }
}