.grid.header-main {
    align-items: center;
}

.psom-logo {
    align-self: center;
}

.header-main .site-name .site-title {
    text-align: center;
}

.itmat-logo {
    text-align: right;
}

@media (max-width: 768px) {
    
    header .grid.header-main {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 20px;
    }
    
    .site-name.unit, .itmat-logo.unit {
        width: 50%;
        text-align: center;
    }
}