#fdg {display: block;position: relative;text-align: left;padding: 5px}

#mp1 {background-color: black;padding: 3px;border: outset;font-family: sans-serif;text-align: left;color: white;font-weight: bolder}

#mp2 {background-color: black;padding: 3px;border: outset;font-family: sans-serif;text-align: left;color: white;font-weight: bolder}

#mp3 {background-color: black;padding: 3px;border: outset;font-family: sans-serif;text-align: left;color: white;font-weight: bolder}

#mp4 {background-color: black;padding: 3px;border: outset;font-family: sans-serif;text-align: left;color: white;font-weight: bolder}

#fd {background-color: white;padding: 2px;color: black}

.fdg01 {background-color: blue;color: white;width: 160px;font-size: 14px}

#mpu {font-family: sans-serif;font-size: 14px;color: black;background-color: white;padding: 2px;text-align: left}

#cimgif { 
    background-image: url("./kapcsolat2.jpg");
    display: block;position: absolute;visibility: hidden;
    top: 50px;left: 5px;width: 352px;height: 205px;
    }
@media only screen
and (min-width : 1605px)
and (max-width : 2000px) {
.fdg {font-size: 200%;width: 10%;height: 10%}
#fd {font-size: 150%;width: 80%;height: 20%}
#mp1 {font-size: 200%;width: 80%;height: 80%}
#mp2 {font-size: 200%;width: 80%;height: 80%}
#mp3 {font-size: 200%;width: 80%;height: 80%}
#mp4 {font-size: 200%;width: 80%;height: 80%}
.fdg01{font-size: 200%}	
}    
@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
.fdg {font-size: 200%;width: 10%;height: 10%}
#fd {font-size: 150%;width: 80%;height: 20%}
#mp1 {font-size: 200%;width: 80%;height: 80%}
#mp2 {font-size: 200%;width: 80%;height: 80%}
#mp3 {font-size: 200%;width: 80%;height: 80%}
#mp4 {font-size: 200%;width: 80%;height: 80%}
.fdg01{font-size: 200%}
}

@media only screen
and (min-width : 379px)
and (max-width : 1023px) {
.fdg {font-size: 120%;width: 10%;height: 10%}
#fd {font-size: 150%;width: 80%;height: 20%}
#mp1 {font-size: 120%;width: 80%;height: 80%}
#mp2 {font-size: 120%;width: 80%;height: 80%}
#mp3 {font-size: 120%;width: 80%;height: 80%}
#mp4 {font-size: 120%;width: 80%;height: 80%}
.fdg01{font-size: 120%}
}
@media only screen
and (min-width: 260px)
and (max-width: 380px) {
.fdg {font-size: 80%;width: 10%;height: 10%}
#fd {font-size: 80%;width: 80%;height: 20%}
#mp1 {font-size: 80%;width: 80%;height: 80%}
#mp2 {font-size: 80%;width: 80%;height: 80%}
#mp3 {font-size: 80%;width: 80%;height: 80%}
#mp4 {font-size: 80%;width: 80%;height: 80%}
.fdg01{font-size: 90%}
}