@media only screen and (max-width: 999px) {
  /* rules that only apply for canvases narrower than 1000px */
    .knapp  {
        width:80%;
        margin-bottom: 0,4em;

         }
         
          .sknapp  {
         width:30%;
         margin-top: 0,4em;
         margin-bottom: 0,4em;
         margin-right: 1%;
         text-decoration: none;
         }
         

}

@media only screen and (device-width: 768px) and (orientation: landscape) {
          /* rules for iPad in landscape orientation */
   .knapp  {
        width:80%;
        margin-bottom: 0,4em;

         }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* iPhone, Android rules here */




        body {
            font-family: Trebuchet, verdana, georgia;
            font-size: 1em;
        }


       div  {
        padding-left: 0,3em;
        font-family: Trebuchet, verdana, georgia;
        font-size: 1.6em;
        background-color: #F3FBFF;
    }



    div.bajsfitta  {
        font-family: Trebuchet, verdana, georgia;
        font-size: 2em;
        background-color: #E3E4FA;
        font-weight:bold;

    }
    
    
    H1  {
         text-decoration: none;
        text-align: left;
        margin: 0;
        font-size: 4.3em;
         font-family: Trebuchet, verdana, georgia;
       }




        h2  {
         text-decoration: none;
                 margin-top: 1em;
        margin-bottom: 0;
        font-size: 3.3em;
         font-family: Trebuchet, verdana, georgia;
       }



       


               
   .knapp  {
        width:100%;
        margin-bottom: 0,4em;

         }

 .sknapp  {
         width:30%;
         margin-top: 0,4em;
         margin-bottom: 0,4em;
         margin-right: 1%;
         text-decoration: none;
         }



           .menynyh  {
        font-size: 2em;
        background-color: #AFDCEC;
        padding-left:  0.2em;
        padding-right: 0.2em;
        margin-top: 0.8em;
        font-family: Trebuchet, verdana, georgia;

         }
         
         
 }