#sbodi {background-color: #123752}
.fdg {padding: 5px} 
#utas{ 
    background-color: white;
    display: none;position: absolute;visibility: hidden;padding: 20px;
    border: outset;top: 5px;left: 5px;width: 80%
    }
#asztal{ 
    background-color: white;
    display: block;position: relative;visibility: visible;padding: 20px;
    border: outset;width: 80%;height: 350px;
	overflow: auto
    }    
#mondatok{ 
    background-color: white;
    display: none;position: absolute;visibility: hidden;padding: 20px;
    border: outset;top: 85px;left: 20px;width: 80%;height: 65%;
	overflow: auto
    } 
#mondatok a {color: black;font-weight: bolder;text-decoration: none}
#mondatok a:hover {color: red;text-decoration: none}
#hp a {color: white;text-decoration: none}	
#cimgif { 
    background-image: url("./kapcsolat2.jpg");
    display: block;position: absolute;visibility: hidden;
    top: 50px;left: 50px;width: 352px;height: 205px;
    }
    
.skep {width: 80%;height: 80%} 
#ab {width: 80%;color: black;background-color: lightgray}
#tipp {width: 80%;color: black;background-color: orange}
    
@media only screen
and (min-width : 1605px)
and (max-width : 2000px) {
    #asztal {width: 80%;overflow: auto}  
#ab {width: 80%;font-size: 250%}
#tipp {width: 80%;font-size: 250%}
.fdg {width: 100%;font-size: 250%}
#xxx {width: 60%;font-size: 160%}
#kov {font-size: 200%}
#erm {font-size: 200%}
#mondatok {width: 80%;height: 65%;font-size: 200%}
}    
@media only screen
and (min-width : 1024px)
and (max-width : 1600px) {
    #asztal {width: 80%;overflow: auto}
#ab {width: 80%;font-size: 200%}
#tipp {width: 80%;font-size: 200%}
.fdg {width: 100%;font-size: 200%}
#xxx {width: 60%;font-size: 160%}
#kov {font-size: 200%}
#erm {font-size: 200%}
#mondatok {width: 80%;height: 65%;font-size: 150%}
}

@media only screen
and (min-width : 379px)
and (max-width : 1023px) {
    #asztal {width: 80%;overflow: auto}
#ab {width: 80%;font-size: 120%}
#tipp {width: 80%;font-size: 120%}
.fdg {width: 100%;font-size: 120%}
#xxx {width: 60%;font-size: 120%}
#kov {font-size: 120%}
#erm {font-size: 120%}
#mondatok {width: 80%;height: 65%;font-size: 120%}
}
@media only screen
and (min-width: 260px)
and (max-width: 380px) {
  #asztal {width: 80%;overflow: auto}
#ab {width: 80%;font-size: 100%}
#tipp {width: 80%;font-size: 100%}
.fdg {width: 100%;font-size: 100%;}
#xxx {width: 60%;font-size: 80%;}
#kov {font-size: 100%}
#erm {font-size: 100%}
#mondatok {width: 70%;height: 65%;font-size: 100%;}
}