.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";
}
@media screen and (min-width:1000px){
    .lang{
        width:300px;
        background-size: 280px 3vh;
    }
}
.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;
}