:root {
    --body-font: 'DM Sans', sans-serif;
}
body,    .navbar a, .navbar a:focus, h1,h2 {
    font-family: var(--body-font);
}
@media (max-width: 1279px) {
    .mobile-nav-show {
        color: var(--color-secondary);
    }
}

@media (max-width: 1279px) {
    .navbar ul {
        background: rgba(74,146,108,0.5);
    }
}

footer a {
    color: #fff;
}

footer a:hover {
    color:  var(--color-secondary);
}

.navbar a {
    padding: 18px 27px;
    font-weight: bold;
}

@media (min-width: 1280px) {
    .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
        color: #000;
    }

    .navbar a, .navbar a:focus {
        color: #000;
    }

    .navbar .btn-user, .navbar .btn-user:focus {
        position: relative;
        z-index: 2;
        overflow: hidden;
        vertical-align: middle;
        display: inline-block;
        border: none;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
        background: linear-gradient(180deg, #e45625 37.5%, #e45625 100%);
        box-shadow: none;
        font-family: var(--body-font);
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        padding: 18px 27px;
        min-width: 170px;
        border-radius: 30px;
    }

    .navbar .btn-register, .navbar .btn-register:focus {
        background: var( --color-secondary);
    }
}

.header.sticked {
    height: 90px;
}

.header .logo img {
    max-height: 100%;
}