/*-----------------------NAV------------------------*/
.navbar {
    position: fixed;
    background: transparent;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 110;
}
.sticker {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 110;
    transition: all 0.6s;
}

/*----------------------HEADER----------------------*/
header {
    position: relative;
    background-image: url(img/counter-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 156px 0 100px;
    text-align: center;
}

header h1 {
    color: var(--color-w);
    font-size: var(--s-30);
    font-weight: 700;
}
header ul li,
header ul li a {
    display: inline-block;
    color: var(--color-w);
    font-size: var(--s-16);
    font-weight: 400;
    transition: 0.6s all;
}
header ul li a:hover {
    color: var(--color-2);
    transition: 0.6s all;
}