@media only screen and (max-width: 420px) {
body {background: #fff;
background-image: none;}
#szoveg {width:90%}
#dobozokalul2 {background: #fff;
background-image: none;}
#dobozokalul2 img {width:70%; height:70%}
.szoveg1 {margin-top:120px; margin-left:10px;}
.szoveg1 img {float:right; margin:15px 10px;}
.callbacks_nav  {display:none}
}

@media only screen and (min-width: 420px) and (max-width: 768px) {
body {background: #fff;
background-image: none;}
#szoveg {width:90%}
#dobozokalul2 {background: #fff;
background-image: none;}
#dobozokalul2 img {width:50%; height:50%}
.szoveg1 {margin-top:100px; margin-left:10px;}
.szoveg1 img {float:right; margin:15px 10px;}
.callbacks_nav  {display:none}
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
body {background-image: url(elemek/hatter2.jpg);
	background-repeat:repeat-x;}
#szoveg {width:90%}
#dobozokalul2 {background: #fff;
background-image: none;}
#dobozokalul2 img {width:30%; height:30%}
.szoveg1 {margin-top:20px; margin-left:10px;}
.szoveg1 img {float:right; margin:15px 10px;}
.callbacks_nav  {display:none}
}

@media only screen and (min-width: 989px) and (max-width: 1100px) {
body {background-image: url(elemek/hatter2.jpg);
	background-repeat:repeat-x;}
#szoveg {width:90%}
#dobozokalul2 {background: #fff;
background-image: none;}
#dobozokalul2 img {width:32%; height:32%}
.szoveg1 {margin-top:20px; margin-left:10px;}
.szoveg1 img {float:right; margin:15px 10px;}

}