.px{
background-color: white;color: black;text-align: center;
font-size: 16px;border: outset
}
.pn3{
background-color: white;color: black;text-align: center;padding: 3px;
font-size: 16px
}
.pn4{
background-color: red;color: white;padding-left: 3px;padding-right: 3px;
width: 50%;font-size: 16px;font-weight: bolder
}
#cimgif { 
    background-image: url("./kapcsolat2.jpg");
    display: block;position: absolute;visibility: hidden;
    top: 50px;left: 50px;width: 352px;height: 205px;
    }
#by{background-image: url('./vegetative_fog.jpg');background-repeat: repeat;}

#tek {
display: block;position: relative;margin: 5px;
padding: 10px;color: black;
background-color: white;
width: 300px;height: 200px;
visibility:visible;overflow: auto
}
#tek a {color: black;font-weight: bolder;font-size: 100%;text-decoration: none}
#tek a:hover {color: red;text-decoration: none;font-size: 100%;}

#help{ 
    background-color: white;
    display: none;position: absolute;visibility: hidden;padding: 5px;
    border: outset;top: 10px;left: 2px;width: 90%;height: 80%;
	overflow: auto;font-size: 24px;
}
#help a {color: black;font-weight: bolder;font-size: 48px;text-decoration: none}
#help a:hover {color: red;text-decoration: none;font-size: 24px;}
   

@media only screen
and (min-width : 1605px)
and (max-width : 2000px) {

.px {font-size: 300%}
.pn3 {font-size: 300%}
.pn4 {font-size: 300%}
#tek {width: 900px;height: 400px;}
#tek a {font-size: 300%}
#tek a:hover {font-size: 300%;}
#help {width: 600px;height: 500px;}
#help a {font-size: 32px}
#help a:hover {font-size: 32px;}
}	
	
@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
.px {font-size: 200%}
.pn3 {font-size: 200%}
.pn4 {font-size: 200%}
#tek {width: 900px;height: 400px;}
#tek a {font-size: 200%}
#tek a:hover {font-size: 200%;}
#help {width: 600px;height: 500px;}
#help a {font-size: 32px}
#help a:hover {font-size: 32px;}
}

@media only screen
and (min-width : 379px)
and (max-width : 1023px) {
.px {font-size: 100%}
.pn3 {font-size: 100%}
.pn4 {font-size: 100%}
#tek {width: 90%;height: 400px;}
#tek a {font-size: 100%}
#tek a:hover {font-size: 100%;}
#help {width: 90%px;height: 400px;}
#help a {font-size: 100%}
#help a:hover {font-size: 100%}
}
@media only screen
and (min-width: 260px)
and (max-width: 380px) {
.px {font-size: 80%}
.pn3 {font-size: 80%}
.pn4 {font-size: 80%}
#tek {width: 90%;height: 300px;}
#tek a {font-size: 100%}
#tek a:hover {font-size: 100%;}
#help {width: 90%px;height: 300px;}
#help a {font-size: 100%}
#help a:hover {font-size: 100%}