.pn1 {background-color: sienna;color: white;text-align: left;padding:3px}
.pn2 {background-color: orange;color: black;text-align: left;padding:3px}
.vb {background-color: white;color: black;text-align: center;padding:3px}
#cim {background-color: red;color: white;text-align: left;padding:3px}
#utas{ 
    background-color: white;
    display: none;position: relative;visibility: hidden;padding: 20px;
    border: outset;width: 700px;height: 450px;
	overflow: auto
    }
#kkk{ 
    background-color: white;
    display: none;position: relative;visibility: hidden;padding: 20px;
    border: outset;width: 700px;height: 150px;
	overflow: auto
    } 	
#hp a {color: white;text-decoration: none}	
#help {
background-color: #254123;
display: block;position: relative;visibility: visible;
width: 554px;
color: orange;font-family: verdana;font-size: 16px;padding: 20px
}
#sbodi {background-color: #3388aa}
#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) {
.pn1 {width: 38%;font-size: 300%}
.pn2 {width: 38%;font-size: 300%}
.vb {font-size: 300%}
#cim {font-size: 300%}	
}    
@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
.pn1 {width: 38%;font-size: 270%}
.pn2 {width: 38%;font-size: 270%}
.vb {font-size: 270%}
#cim {font-size: 270%}
}

@media only screen
and (min-width : 379px)
and (max-width : 1023px) {
.pn1 {width: 38%;font-size: 120%}
.pn2 {width: 38%;font-size: 120%}
.vb {font-size: 120%}
#cim {font-size: 120%}
}
@media only screen
and (min-width: 260px)
and (max-width: 380px) {
.pn1 {width: 38%;font-size: 100%}
.pn2 {width: 38%;font-size: 100%}
.vb {font-size: 100%}
#cim {font-size: 100%}
}