@media screen and (max-width: 1080px) {
    footer{
        padding-bottom: 80px;
    }
    footer>.row>div:last-child{
        border-bottom: none;
    }
    .linkbar{
        width: 100%;
        height:60px;
        bottom:0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .linkbar>a{
        flex-grow: 1;
    }
    header>.container>ul{
        transition: height 0.6s linear 0s;
        position: fixed;
        top:0px;
        right:0px;
        width:100%;
        z-index: -100;
        padding: 60px 0px 0px 0px;
        margin: 0px;
        overflow:hidden;
        height:0px;
    }
    header>.container>ul.active{
        
        height:100% !important;
    }
    header>.container>ul>li{
        list-style: none;
        text-align: right;
        font-size: 16px;
        padding:20px;
        margin:0px;
        border-top: 1px solid #aaa;
    }
    header>.container>btn#menu-toggle-button{
        display: block;
    }
}