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

    .about-us-photos {
        padding-top: 140px;
        /* padding-top: 100px; */
        
        }

        .basic-information p { 

            display:block;
            margin: 0 auto;
            text-align: justify;
        }  


        .basic-information h2{

            text-align: center;
            
            display:block;
            margin: 0 auto;
            width: 90%;
            
            
            }

}




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

    /* header img {
        margin-top: 100px;
        margin-bottom: 100px;
        padding-top: 100px;
    } */


 header img {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 120px;
    /* padding-top: 100px; */

 }
  
    .basic-text p {
        /* width: 80%; */
        font-size: 16px;
        line-height: 22px;


    }


    .basic-information img { 
        width: 80%;
    }

    .basic-information p { 
            text-align: justyfy;
        }


        .about-us-photos {
            padding-top: 140px;
            /* padding-top: 100px; */
            
            }


}


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


/* header h1{
    width: 90px;
} */

header img {
    width: 80px;
    margin-top: 0;
    margin-bottom: 100px;
    padding-top: 100px;
}

.basic-information .span-1-of-2 { 



    width: 100%;
    /* display:block;
    margin: 0; */
}

.basic-information h2{

text-align: center;

display:block;
margin: 0 auto;
width: 90%;


}

.basic-information p { 

    display:block;
    margin: 0 auto;
    text-align: justify;
}


.basic-information .col{
margin-left: 0;

}

.about-us-photos {
    padding-top: 140px;
    /* padding-top: 100px; */
    
    }


}


@media only screen and (max-width: 900px) {
.about-us{
clip-path: none;


}


.about-us-photos {
padding-top: 100px;

}
.span-1-of-3{
width: 100%;
}

.about-us {
    
    height: 1500px;
}


.about-us .col {
margin-left: 0;


}


.about-us p {
        width: 70%;
        /* zarvonáme to do velikosti jakou mají obrázky */
        margin: 0 auto; 
        /* dá to doprostřed */
    
    }

}



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


    .menuHorni{
        display: none;  
    }

    /* nav {
        display: none;
        
    } */

    .about-us{
        height: 1600px;
    }
   
 
        
}

@media only screen and (max-width: 750px) {
    .hamburger {
        display: block;
        z-index: 5;
        /* jupííííííí funguje hamburger a křížek !!!!   z-index: 5; */
        }
     

        /* nav ul {
            position: absolute;
            top: 0px;
            left: -100%;
            width: 100%;
            height: 100vh;
            background: #3d23b1;
            text-align: center;
            transition: all .5s;
            } */

         .menu{
             display: block;
            position: absolute;
            top: 0px;
            left: -100%;
            right: 0; 
            /* vynuluje right 20px, které je ve style.css*/
            width: 150px;
            /* width: 30%; */
            height: 350px;;
            /* height: 100vh; */
            /* background: #3d23b1; */
            text-align: center;
            transition: all .5s;

         }   

            nav li {
                display: block;
                margin: 5px 0;
               
                line-height: 30px;
                }
        

}