.lang{
    /*position: fixed;*/
    background-image: url(../smart-guard/img/lang.png);
    z-index: 1001;
    /*width: 35vw;*/
    width: 30vw;
    /*height: 6vh;*/
    background-repeat: no-repeat;
    background-size: 28vw 3vh;
    /*margin-top: -15vh;
    margin-left: 55vw;*/
    display: grid;
    grid-template-areas: "lang1 lang2";
    grid-area: lang;
    margin-top:-50%;
}
@media screen and (min-width:1000px){
    .lang{
        width: 10vw;
        background-size: 10vw 3vh;
        margin-top: 0;
    }
}
.lang1,.lang2{
    padding: 5px 12px;
    font-weight: 700;
    font-size:12px;
}
.lang1{
    color: black;
}
.lang2{
    color: white;
}
.grid{
    width:100%;
    display: grid;
    grid-template-columns: 100px 100px;
    grid-auto-flow: column;
    justify-content: end;
}