@media screen and (min-width: 768px) {
    .header{

        margin-bottom: 100px;
        padding-top: 40px;
    }

    .header__in{
        -ms-grid-columns: fit-content(100%) 100px fit-content(100%);
        grid-template-columns: fit-content(100%) fit-content(100%);
        grid-column-gap: 100px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header__img  img{
        height: auto;
        margin: 0;
    }

    .header__in.header__in--text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

    .header__in.header__in--text .header__img{
        position: absolute;
        left: 0;
        top: 0;
    }

}