.panel {display: block;position: relative;
background-color: #aa2211;color: white;text-align: left;padding-left: 10px;font-weight: bolder
  
}
.pn{
background-color: #aa2211;color: white;text-align: center;padding: 3px;font-weight: bolder
}

#ert {display: block;position: relative;
color: red;text-align: left;padding-left: 5px;background-color: #d3fcff;font-weight: bolder
}
#wlap {background-color: #c3cccf}

#tab {
display: block;position: relative;
padding: 2px;border: 1px;color: white;<meta name="viewport" content="width=480">
background-color: black;font-weight: bolder; 
visibility: visible
}
#help{ 
    background-color: white;font-weight: bolder;
    display: none;position: absolute;visibility: hidden;padding: 5px;
    border: outset;top: 10px;left: 2px;
	overflow: auto
    } 
#help a {color: black;font-weight: bolder;font-size: 16px;text-decoration: none;font-size: 16px;font-weight: bolder;}
#help a:hover {color: red;text-decoration: none;font-size: 18px;font-weight: bolder;}

#cop {display: none;position: absolute;background-color: black;color: white;font-size: 18px;visibility: hidden;padding: 5px;
    border: outset;top: 10px;left: 5px;text-align: inherit;
	overflow: auto}
#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) {
.pn {width: 90%;font-size: 300%}
.panel {width: 90%;font-size: 300%}
#ert {width: 90%;font-size: 300%}
#tab {width: 90%;font-size: 300%}
#help {width: 90%;font-size: 300%}
}    
@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
.pn {width: 90%;font-size: 270%}
.panel {width: 90%;font-size: 270%}
#ert {width: 90%;font-size: 270%}
#tab {width: 90%;font-size: 270%}
#help {width: 90%;font-size: 270%}
}

@media only screen
and (min-width : 379px)
and (max-width : 1023px) {
.pn {width: 90%;font-size: 120%}
.panel {width: 90%;font-size: 120%}
#ert {width: 90%;font-size: 120%}
#tab {width: 90%;font-size: 120%}
#help {width: 90%;font-size: 120%}
}
@media only screen
and (min-width: 260px)
and (max-width: 380px) {
.pn {width: 90%;font-size: 100%}
.panel {width: 90%;font-size: 100%}
#ert {width: 90%;font-size: 100%}
#tab {width: 90%;font-size: 100%}
#help {width: 90%;font-size: 100%}
}