@media only screen and (max-width:1345px){
    .levy li{
      font-size: 12px;
      margin-bottom: 3px;
    }
  
}

@media only screen and (max-width:1145px){
  
  
#geocaching{
display: none;
}

#datumCas{
  display: none;
}
}

@media only screen and (max-width:700px){
    header h1{
        font-size: 50px;
        
      } 
      .levy li{
        font-size: 8px;
        margin-bottom: 5px;
      }
    
}

@media only screen and (max-width:580px){
  header h1{
      font-size: 35px;
      
    } 
    .levy li{
      font-size: 6px;
      margin-bottom: 7px;
    }
  
}



@media only screen and (max-width:460px){
   
  .ramecek{
      /*display:inline-block ;*/
      border: 1px solid black;
      box-shadow: 10px 10px 10px grey;
      margin: 20px;
      padding: 10px 10px 10px 10px;
      border-radius: 20px;
      background-color: antiquewhite;
      width: 250px;
      height: 150px;
  }
  
  .ramecek p{
      display: inline-block;
      width: 100%;
  
      text-align: center;
      font-size: 30px;
  }
  
  .ramecek img{
     width: 100px;
     height: 100px;
  }
  



  
}