.btx {background-color: #666644;border: outset;color: black;padding: 5px;text-align: left;margin: 8px}
#bt1 {display: none;position: relative;visibility: hidden}
#bt2 {display: block;position: relative;visibility: visible}
#bt3 {display: none;position: relative;visibility: hidden}
#cop {background-color: white;
display: none;position: absolute;visibility: hidden;
width: 550px;border: outset;font-size: 32px;color: black;
top: 50px;left: 10px;padding: 10px;text-align: center
}
.fdgvz {background-color: white;color: black;font-size: 14px;font-weight: bolder;margin: 8px;}
.fdg4 {background-color: white;color: black;font-weight: bolder;margin: 8px;font-size: 14px}
.fdg3 {background-color: white;color: black;font-weight: bolder;margin: 8px;font-size: 14px}
.fdg7 {display: block;position: relative;background-color: white;color: black;width: 95%;font-size: 14px;text-align: left;font-weight: bolder;visibility: visible;}
.fdg8 {display: block;position: relative;background-color: red;color: white;width: 95%;font-size: 14px;text-align: left;font-weight: bolder;visibility: visible;}
.fdg10 {display: block;position: relative;background-color: black;color: white;width: 95%;font-size: 14px;text-align: left}
#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 : 930px)
and (max-width : 1280px) {
.fdgvz {font-size: 180%}
.fdg4 {font-size: 180%}
.fdg3 {font-size: 180%}
.fdg7 {font-size: 180%}
.fdg8 {font-size: 180%}
.fdg10 {font-size: 180%}
}

@media only screen
and (min-width : 700px)
and (max-width : 929px) {
.fdgvz {font-size: 120%}
.fdg4 {font-size: 120%}
.fdg3 {font-size: 120%}
.fdg7 {font-size: 120%}
.fdg8 {font-size: 120%}
.fdg10 {font-size: 120%}
}
@media only screen
and (min-width: 260px)
and (max-width: 699px) {
.fdgvz {font-size: 100%}
.fdg4 {font-size: 100%}
.fdg3 {font-size: 100%}
.fdg7 {font-size: 100%}
.fdg8 {font-size: 100%}
.fdg10 {font-size: 100%}
}