.menu_block {
        width: 100%;
        height: 60px;
        background-color: #fff;
        z-index: 990;
        position: static;
        top: 0;
        left: 0;
    }
    .menu_container {
        width: 100%;
        display: table;
        position: relative;
        margin: 0;
    }
    .site_nav {
        display: table-cell;
        width: 70%;
        text-align: left;
        position: relative;
    }
    .auth_container {
        display: table-cell;
        width: 30%;
        text-align: right;
        white-space: nowrap;
    }

    .burger-checkbox {
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
    }
    .burger {
        z-index: 1;
        cursor: pointer;
        display: none;
        position: absolute;
        right: 20px;
        text-align: right;
        background: transparent;
        width: 40px;
        height: 26px;
    }
    .burger::before,
    .burger::after {
        content: '';
        left: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 10px;
        background: #60adfa;
    }
    .burger::before {
        top: 0;
        box-shadow: 0 11px 0 #60adfa;
        transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
    }
    .burger::after {
      bottom: 0;
      transition: bottom .3s .15s, transform .3s;
    }
    .burger-checkbox:checked + .burger::before {
      top: 11px;
      transform: rotate(45deg);
      box-shadow: 0 6px 0 rgba(0,0,0,0);
      transition: box-shadow .15s, top .3s, transform .3s .15s;
    }
    .burger-checkbox:checked + .burger::after {
      bottom: 11px;
      transform: rotate(-45deg);
      transition: bottom .3s, transform .3s .15s;
    }
    .burger-checkbox:checked ~ .menu {
        display: block;
    }
    
    .auth {
        display: block; 
        position: static; 
        line-height: 60px;
        padding-left: 15px;  
        padding-right: 15px; 
    }
    
    .menu {
        list-style: none;
        margin: 0;
        padding-left: 15px;  
        padding-right: 15px;  
        position: absolute;
        top: 0;
    }

    .menu__item {
        position: relative;
        display: inline-block;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        /* opacity: 0.7; */
    }
    
    .menu__link {
        line-height: 60px;
        color: #000000;
        font-size: 1rem;
        font-weight: 400;
        font-family: 'Roboto';
        text-transform: uppercase;
        letter-spacing: 0.12em;
        text-decoration: none;
    }
    
    .auth__link {
        line-height: 60px;
        color: #000000;
        font-size: 12px;
        font-weight: 400;
        font-family: 'Roboto';
        text-transform: uppercase;
        text-decoration: none;
    }

    @media screen and (max-width:820px) {
        .menu__link{font-size: 12px; letter-spacing:0.08em;}
        .auth__link{font-size: 10px; letter-spacing:0.06em;}
    }
    @media screen and (max-width:680px) {
        .menu_block {
            position: relative;
            text-align: center;
            display: block;
            background-color: #fff;
            margin: 0;
            padding: 0;
            height: auto!important;
        }
        .burger {display: block;}
        .menu_container {
            height: 60px;
            box-sizing: border-box;
            display: block;
            text-align: center; 
        }
        .site_nav {
            width: 100%!important; 
            display: block; 
            padding: 16px 0; 
            box-sizing:border-box;
        }
        .auth {display: none;}
        .menu {
            display: none;
            right: 0;
            top: 50px;
            bottom: 0;
            text-align: center;
        }
        .menu__item {
            display: block; 
            position: relative;
            height: 26px;
            text-align: center; 
            margin: 0; 
            padding: 10px 20px 10px 20px; 
            white-space:normal;
            margin-left: auto;
            margin-right: auto;
            max-width: 220px;
            line-height: 26px;
            opacity: none; 
            background-color: #fff;
        }
        .menu__item:last-child {
            padding-bottom: 35px;
            -webkit-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
            -moz-box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
            box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6);
        }

    }