.header_container {
    background: linear-gradient(90deg,#FFE06B,#F6BE49);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
        'left_side right_side'
    ;
    justify-items: stretch;
    align-items: center;
}

@media only screen and (max-width: 920px) {
    .header_container {
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: 
            'left_side'
            'right_side'
        ;
    }
}

.header_container .left_side {
    grid-area: left_side;
    padding-top:4em;
    padding-bottom:4em;
    z-index:100;
}

@media only screen and (max-width: 520px) {
    .header_container .left_side {
        padding-top:2em;
    }
}

.header_container .right_side {
    grid-area: right_side;
    align-self:stretch;
    display:grid;
    justify-items:end;
    align-items:end;
}