header {
    margin: var(--ati-xl-marg);
    border-radius: var(--ati-m-rad);
}
.site-header-nav {
    background: var(--ati-pbg);
}
.site-header {
    position: relative;
}
.desktop-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ati-m-gap)
}
.mobile-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    gap: var(--ati-m-gap);
}
@media screen and (max-width: 1024px) {
    .mobile-header .ati-logo {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -100%);
    }
}