@media only screen and (max-width: 950px){

    .logo{
        font-size: 30px;
        padding: 0 50px;
        }
    
    nav a{
        
        font-size: 16px;
        
        }   
    }
      
    
 @media only screen and (max-width: 890px){
    nav img{
            
            display: block;
     }
    
     nav ul{
        position: absolute;
        right: 0px;
        top: 0px;
        left: -100%;
        background: rgb(163, 218, 141);
        width: 100%;
        height: 100vh;
        text-align: center;
        transition: all 0.5s;
    
    }
    nav li{
        display: block;
        line-height: 30px;
        margin: 50px 5px;
    
    }
    nav a{
        
        font-size: 20px;
        
        } 

    .o-nas{
        flex-direction: column;
    }

    .Onas-img{
        flex-basis: 200px;
        width: 50%;
        margin: 0 auto;
    }
    footer{
        height: auto;
    }
    
    .odkazy{
        display:block;
        line-height: 30px;
        margin: 50px 5px;
        text-align: left;

    }
        
    .basic-information p{
        font-size: 15px;
        padding-top: 100px;
    }

    .vojak1, .vojak2, .vojak3 {
        display: flex;
        flex-direction: column;

    }

    .vojak1 img, .vojak2 img, .vojak3 img {
        display: block;
        margin: 0 auto;
    }
    
    .obsah1 p, .obsah2 p, .obsah3 p{
        text-align:block;
        font-size: 15px;
    }
    .prvniclanek img, .druhyclanek img, .treticlanek img{
         display: none;
    }

  }
    @media only screen and (max-width: 550px){
    
  .logo{
        font-size: 25px;
        text-align: left;
        margin-left: -18px;
    }
    .kontakt{
        font-size: 15px;
    }
    }