@media (max-width: 2800px){
    .about-us-text{
        margin: 20px;
        max-width: 70vh;
        min-height: 170px;
    }
    
}

@media (max-width: 1100px){
    .about-us-text{
        margin: 20px;
        max-width: 60vh;
    }
    
}

@media (max-width: 900px){
    
    header img {
        width: 250px;
        }

        /* header ul li a {
            margin: 0 70px;
        } */
        #contact {
            display: flex;
            flex-direction: column;
        }
        .about-us, .about-us2 {
            flex-direction: column;
            }

    }
@media (min-width:650px) {
    .menu-icon {
        display: none;
            }
    header nav {
        display: block;
    }
}
@media (max-width: 650px){
    .cookies-eu-banner {
        padding: 1px;
        padding-bottom: 5px;
        font-size: 10px;
        height: 70px;
        line-height: 15px;
        text-align: center;
      }
    header h1 {
        font-size: 50px;
    }
    header nav ul  {
        flex-direction: column;
        top: 45px;
     }
     .blogimg {
        max-width: 95%;
            }
    .akcia p {
       
        /* top: -120px; */
        font-size: 18px;
    }
    .blog {
        font-size: 17px;
        padding: 30px;
            }
    .list {
        font-size: 17px;
        padding: 30px;
            }
}

@media (max-width: 500px){
    header ul li a {
        margin: 0 10px;
    }
    .akcia p {
        /* top: -60px; */
        font-size: 13px;
    }
}

@media (max-width: 380px){
    .cookies-eu-banner {
        padding: 1px;
        padding-bottom: 5px;
        font-size: 10px;
        height: 50px;
        line-height: 10px;
      }
      .cookies-eu-banner button {
        padding: 2px;
        margin: 2px 0;
        font-size: 10px;
        font-weight: 500;
        
      }
    .akcia p {
        /* top: -30px; */
        font-size: 13px;
    }
}