@media only screen and  (max-width:2532px){
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 60%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
  margin-left: 35%;
  margin-right: 35%; 
 font-weight: 900;
   font-size: 100%;
}

#napnev{
    margin-top: 1% ; 
   margin-left: 43%;
  margin-right: 40%; 
   font-weight: 900;
     font-size: 100%;
}

#kiiras{
    margin-top: 3% ; 
   margin-left: 15%;
  margin-right: 15%; 
   font-weight: 900;
     font-size: 100%;
         color: darkred;
}
#kiiras2{
    margin-top: 3% ;    
   font-weight: 900;
     font-size: 140%;
         color: ;				
     background: #FFFF00;
}



}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx      1920       xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media only screen and (max-width:1920px){
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 50%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
  margin-left: 35%;
  margin-right: 35%; 
 font-weight: 900;
   font-size: 150%;
}

#napnev{
    margin-top: 3% ; 
   margin-left: 43%;
  margin-right: 40%; 
   font-weight: 900;
     font-size: 150%;
}

#kiiras{
    margin-top: 3% ; 
   margin-left: 15%;
  margin-right: 15%; 
   font-weight: 900;
     font-size: 140%;
         color: darkred;
}
#kiiras2{
    margin-top: 3% ;    
   font-weight: 900;
     font-size: 140%;
         color: ;				
     background: #FFFF00;
}
#kiiras3{
    margin-top: 3% ;    
   font-weight: 900;
     font-size: 140%;
         color: ;				
     background: #AFE5AF;
}

}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx     1366    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media only screen and (max-width:1080px)  {
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 50%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
  margin-left: 35%;
   font-size: 150%;
}

#napnev{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 150%;
}

#kiiras{
    margin-top: 3% ;    
   font-weight: 900;
     font-size: 140%;
         color: darkred;
}

#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 100%;
         color: darkred;
    background: #FFFF00;    
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 100%;
         color: #000000;
}

}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   1080   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media only screen and  (max-width:980px)  {
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 50%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
  font-weight: 900;
   font-size: 140%;
}

#napnev{
    margin-top: 3% ;  
   font-weight: 900;
     font-size: 140%;
}

#kiiras{
    margin-top: 3% ;  
   font-weight: 900;
     font-size: 140%;
         color: darkred;
}

#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 100%;
         color: #8B0000;
    background: #FFFF00;    
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 100%;
         color: #803535;
}

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   720   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media only screen and (max-width:720px){
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
    width: 55%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
 font-weight: 900;
   font-size: 140%;
}

#napnev{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 140%;
}

#kiiras{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 140%;
         color: darkred;
}


#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
     background: #FFFF00;     
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: #000000;
}
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   640   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

@media only screen and (max-width:640px){
 @page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;      
    width: 95%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ;  
 font-weight: 900;
   font-size: 90%;
}

#napnev{
    margin-top: 3% ; 
 
   font-weight: 900;
     font-size: 90%;
}

#kiiras{
    margin-top: 3% ;  
   font-weight: 900;
     font-size: 90%;
         color: darkred;
}

#
#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
     background: #FFFF00;    
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: #000000;
}
} 
 
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   480  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media only screen and (max-width: 480px) {
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 90%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ;  
 font-weight: 900;
   font-size: 80%;
}

#napnev{
    margin-top: 3% ; 

   font-weight: 900;
     font-size: 80%;
}

#kiiras{
    margin-top: 3% ; 
 
   font-weight: 900;
     font-size: 90%;
         color: #63112B;
         background-color:#BFBFBF

}


#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
     background: #FFFF00;
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: #000000;
}
}
           
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx       414       xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
}@media only screen and (max-width: 414px) {
@page {  
    margin: 1.5cm 1.5cm;  
} 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 90%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ;  
 font-weight: 900;
   font-size: 800%;
}

#napnev{
    margin-top: 3% ;  
   font-weight: 900;
     font-size: 800%;
}

#kiiras{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
}

#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
    background: #FFFF00;     
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: #000000;
}

}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   380   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
@media only screen and (max-width: 380px) {
 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
     width: 95%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
 font-weight: 900;
   font-size: 80%;
}

#napnev{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
}

#kiiras{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
}

#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
    background: #FFFF00;     
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: #000000;
}
}


/*########################################################################  240   ########################################################*/
@media only screen and (max-width: 240px) {
 


#adatbox {
    border: 1px outset black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10% ;   
   
    width: 95%;
    height: 50%;
    padding-bottom:20px;
}
#hetszama{
  margin-top: 2% ; 
 
 font-weight: 900;
   font-size: 80%;
}

#napnev{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
}

#kiiras{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
}
#kiiras2{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: darkred;
      background: #FFFF00; 
}
#rendelesiido{
    margin-top: 3% ; 
   font-weight: 900;
     font-size: 80%;
         color: #000000;
}
}