.panel {
background-color: #aa2211;color: white;text-align: left;width: 90%;font-size: 14px; padding-left: 10px;font-weight: bolder 
  
}
.pn{
background-color: #aa2211;color: white;text-align: center;font-size: 14px;padding: 3px;font-weight: bolder
}

#ert {
color: red;text-align: left;padding-left: 5px;width: 90%;font-size: 14px;background-color: #d3fcff;font-weight: bolder
}
#wlap {background-color: #c3cccf}
.fdg01 {font-weight: bolder;color: black;}
#tab {
display: block;position: relative;
padding: 2px;border: 1px;color: black;
background-color: white;font-weight: bolder; 
width: 90%;height: 30%;font-size: 18px;
visibility: visible
}
#tab a {color: black;text-decoration: none;font-size: 100%;font-weight: bolder;}
#tab a:hover {color: red;text-decoration: none;font-size: 22px;font-weight: bolder;}
#cimgif { 
    background-image: url("./kapcsolat2.jpg");
    display: block;position: absolute;visibility: hidden;
    top: 50px;left: 50px;width: 352px;height: 205px;
    }
#help{ 
    background-color: white;font-size: 14px;font-weight: bolder;
    display: none;position: absolute;visibility: hidden;padding: 5px;
    border: outset;top: 10px;left: 2px;width: 80%;height: 80%;
	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;}
	
@media only screen
and (min-width : 1605px)
and (max-width : 2000px) {
  #tab { font-size: 300%}
  #ert {font-size: 300%} 
  .panel{font-size: 300%}
    .pn{font-size: 300%}
    .fdg01{font-size: 300%}
#help{font-size: 150%} 
#help a {font-size: 150%}
#help a:hover {font-size: 150%}    
}
	

@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
  #tab { font-size: 270%}
  #ert {font-size: 270%} 
  .panel{font-size: 270%}
    .pn{font-size: 270%} 
        .fdg01{font-size: 270%}
    #help{font-size: 150%} 
#help a {font-size: 150%}
#help a:hover {font-size: 150%} 
}

@media only screen
and (min-width : 379px)
and (max-width : 1020px) {
  #tab {font-size: 120%}
  #ert {font-size: 120%}
  .panel{font-size: 170%}
    .pn{font-size: 120%}   
    .fdg01{font-size:120%}
    #help{font-size: 120%} 
#help a {font-size: 120%}
#help a:hover {font-size: 120%} 
}

@media only screen
and (min-width: 260px)
and (max-width: 380px) {
  #tab { font-size: 100%}
   #ert {font-size: 100%}
  .panel{font-size: 100%}
    .pn{font-size: 100%} 
        .fdg01{font-size: 100%}
    #help{font-size: 100%} 
#help a {font-size: 100%}
#help a:hover {font-size: 100%} 
}