@media only screen and (max-device-width: 1000px) {
#wrap {
  width:300px;
}
@media only screen and (max-device-width: 907px) {
#kontejner {
	width:550px;
}
#wrap {
  width:360px;
}
@media only screen and (max-device-width: 807px) {
#kontejner {
	width:450px;
}
#wrap {
  width:320px;
}
@media only screen and (max-device-width: 707px) {
#kontejner {
	width:350px;
}
@media only screen and (max-device-width: 660px) {
#kontejner {
	width:100%;
}
div#zak{
display:none;
}

}
@media only screen and (max-device-width: 425px) {
#wrap {
  width:100%;
}


h1 {
font-size:35px;
text-shadow:-1px -1px 1px black;
}
h2 {
font-size:30px;
}
img {
border-style:ridge;
 border-width:3px;
 border-color:#7A90A7;
}
}

@media only screen and (max-device-width:300px) {

h1 {
font-size:30px;
text-shadow:-1px -1px 1px black;
}
h2 {
font-size:30px;
}
img {
border-style:ridge;
 border-width:1px;
 border-color:#7A90A7;
width:97%;
}
}