@media screen and (max-width: 666px){

body {
margin:0
}

.obal {
width: initial;
display: flex;
flex-direction: column;
}

.obal > img {
width: 100vw;
height: initial;
}

.menu {
position:relative;
padding: 0;
margin: 0 1em;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}

.menu img {
margin-left: 1em;
margin-right: -3px;
}

.jazyk {
position: relative;
margin: 0 1em;
text-align: right;
display: flex;
justify-content: flex-end;
}

.jazyk a {
margin-left: 1em;
}

.text {
width: initial;
margin: 0;
padding: 2em;
}

img {
 max-width: 100%;
}

.text img {
  width: 100%!important;
  height: initial!important;
 margin-bottom:1em;
}

}