:root{
    --primary:#333B41;
    --secondary:#D6D2D2;
    --lime:#C5C92B;
    --teal:#3EADAC;
    --extra1:#D6A682;
    --extra2:#B05D45;
    --border-radius:20px;
}

.uk-button{
    border-radius:6px;
}

.uk-navbar{
    position:fixed;
    left:0px;
    top:0px;
    width:130px;
    background: white;
    display: flex;
}

.uk-navbar-item{
    min-height:12px;
}

.left-offset, #tm-main, footer{
    margin-left:130px;
    border-left:1px solid #D6D2D2;
}

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
    padding:20px 0px 20px 0px;
}

.uk-logo{
    width:100%;
    padding-right:20px;
    padding-bottom:20px;
    border-bottom:1px solid #D6D2D2;
}

.uk-navbar-left ul li {
    color:#C5C92B !important;
    width:130px;
    margin:auto;
    justify-content: center;
}

.uk-navbar-left ul li a{
    margin:auto;
    justify-content: center;
}

.border-radius{
    border-radius:var(--border-radius);
    overflow:hidden;
}

@media screen and (max-width: 959px) {
    .uk-navbar{
    position:initial;
    *margin:auto;
    width:100%;
    max-width:415px;
    background: white;
    border-right:0px solid #D6D2D2;
    display: flex;
    }
    .uk-logo{
    max-height:80px;
        max-width:415px;
        height:auto;
        margin-right:115px;
    }
    .uk-navbar-item{
    min-height:1px !important;
    }
    .uk-navbar-item ul li a{
    min-height:10px !important;
    }
    .left-offset, #tm-main, footer{
    margin-left:0px;
        border-left:0px solid #D6D2D2;
    }
    .uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center] {
    display: flex;
    gap: 20px;
    align-items: initial;
    padding:initial;
    }
    .uk-navbar-toggle{
        display:none !important;
    }
    .uk-navbar-nav{
        margin:auto;
    }
    .uk-navbar-left a{
    width:100%;
    border-bottom:none;
    }
    .uk-navbar{
        display:block;
    }
    .uk-navbar-left a{
        padding-right:0px;
    }
    
}