.pn{background-color: white;color: black;text-align: center;}
.pnc{color: black}
#by{background-image: url('./vegetative_fog.jpg');background-repeat: repeat;}
#tek {
display: block;position: relative;border: outset;
padding: 2%;color: black;margin-left: 2%;
background-color: orange; 
width: 95%;
visibility:visible
}
#cimgif { 
    background-image: url("./kapcsolat2.jpg");
    display: block;position: absolute;visibility: hidden;
    top: 50px;left: 50px;width: 352px;height: 205px;
    }
@media only screen
and (min-width : 1605px)
and (max-width : 2000px) {
  #tek { font-size: 300%}
    .pn{font-size: 300%} 
    .pnc{font-size: 300%}	
}
@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
  #tek { font-size: 270%}
    .pn{font-size: 270%}
    .pnc{font-size: 270%}	
}
@media only screen
and (min-width : 379px)
and (max-width : 1020px) {
  #tek {font-size: 180%}
    .pn{font-size: 120%}
    .pnc{font-size: 120%}	
}
@media only screen
and (min-width: 260px)
and (max-width: 380px) {
  #tek { font-size: 120%}
    .pn{font-size: 100%} 
    .pnc{font-size: 80%}	
}