.header-component {
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0 3px 10px #0000000F;
    color: #000000;
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    height: 93px;
    justify-content: space-between;
    padding: 7px 1.7948717949vw 21px 3.5897435897vw;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 960px) {
    .header-component {
        height: 90px;
        padding: 0 23px;
    }
}

.header-component>.logos {
    align-items: center;
    display: flex;
}

.header-component>.title {
    flex: 1 1 100%;
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    text-align: center;
}

@media screen and (min-width: 960px) {
    .header-component>.title {
        font-size: 2.6rem;
        left: calc(50% - 23px);
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}