header {
    width: 100%;
    /*min-width: 1090px;*/
    /*display: flex;*/
    /*position: fixed;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 100;*/
}

.header {
    height: fit-content;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    /*background-color: var(--bg-header-color);*/

    /*background-color: rgba(255, 255, 255, 0.3);*/
    /*-webkit-box-shadow: 0 0 10px 10px rgba(0255, 255, 255, 0.3);*/
    /*-moz-box-shadow: 0 0 10 10 rgba(255, 255, 255, 0.3);*/
    /*box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.3);*/
    backdrop-filter: blur(5px);
    /*
    border: outset 1px;
    border-color: black;
    */
}

.header-block {
    /* height: 81px; */
    width: 90%;
    height: fit-content;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    /* background-color: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 0 10px 10px rgba(0255, 255, 255, 0.3);
     -moz-box-shadow: 0 0 10 10 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px); */
    /*
    border: outset 1px;
    border-color: black;
    */
}

.header-block {
    /* height: 81px; */
    width: 84%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 10px;
    margin-right: 8%;
    margin-left: 8%;
    margin-bottom: 10px;
    /*
    border: outset 1px;
    border-color: black;
    */
}

.header-nav-block {
    height: 100%;
    display: flex;
    align-items:center;
    cursor: pointer;
}

.header-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    /*margin-right: calc(30px * 1.33);*/
}

.header-nav-logo {
    margin-right: calc(72px * 1.33);
    cursor: pointer;
}

.header-nav-name {
    display: flex;
}

.header-nav-elements {
    display: flex;
    align-content: space-between;
    gap: calc(40px * 1.33);
    /*margin-bottom: 20px;*/
    width: auto;
}

img.logo:active{
    filter: drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.3));
}

.header-nav-path {
    display: flex;
    flex-direction: row;
}

.header-nav-action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.header-nav-m {
    display: none;
}

.header-nav-m-full {
    position: fixed;
    top: 80px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    overflow: auto;
    background-color: var(--bg-header-color);
    /*background: lime; !* Just to visualize the extent *!*/
    /*background-color: rgba(0, 0, 0, 0.93);*/
    /*-webkit-box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.3);*/
    /*-moz-box-shadow: 0 0 10 10 rgba(255, 255, 255, 0.3);*/
    /*box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.3);*/
    padding: 20px;
    display: none;
}

.header-nav-elements-m {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
    /*gap: calc(40px * 1.33);*/
    /*margin-bottom: 20px;*/
    margin: 0;
    width: auto;
}

.header-nav-block-m {
    cursor: pointer;
}

.header-action {
    display: flex;
}

@media (max-width: 1090px) {
    .header-nav-elements {
        display: none;
    }

    .header-nav-m {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }

    .header-action {
        display: none;
    }

    .header-nav-logo {
        margin-right: 0;
        /*cursor: pointer;*/
    }
}

@media (min-width: 1090px) {
    .header-nav-m-full {
        display: none;
    }
}

@media (max-width: 640px) {
    .logo {
        height: 59px;
    }
}

/*@media (max-width: 390px) {*/
/*    .logo {*/
/*        height: 28px;*/
/*    }*/
/*}*/