@media only screen and (max-width: 3840px){
    
     #logo img{
        display: none;
    }

}

@media only screen and (max-width: 1180px){
   .kontakty{
    margin-left: 2%;
    margin-right: 2%;
} 
   
     .děti .span-1-of-3{
        width: 100%;
        
    } 
      .děti img{
          display: block;
          width: 30%;
          margin:0 auto;  
    }

     .děti .span-2-of-3{
        width: 100%;
    }
    .děti .col{
        margin-left: 0px;
    }
    .děti-text{
        margin-left: 2%;
        margin-right: 2%;
    }
    .mobily{
        display: block;
        padding-bottom: 20px;
        margin-top: 55px;
    }
    .děti h2{
        display: none;
    }
    
    .photo-segment {
         margin-left: 1%;
        margin-right: 1%;
    }
    .section1 ul{
        width: 100%;
        margin: 0 auto;
        margin-top: 250px;
        background: #cccfc4; 
      
    }
    .section1 ul li{
        width: 70%;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        margin-bottom: 6px;
    }
    
    

    
   
    
    /*header {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url("../images/juji gatame.jpg");
    background-size: cover;
    height: 960px;
    background-attachment:fixed;
    background-position: center;
  }*/
    
}


@media only screen and (max-width: 1024px){
    .photo-segment img{
     opacity: 1;   
    }
    .photo-segment img:hover{
     transform: scale(1)
    }
    
   nav ul li a:hover,
   nav ul li:active{
	border-bottom: 2px solid transparent; 
}
    
  
    
    .section1 ul li a:hover {
	border-bottom: 2px solid transparent;
}
      
   
}


@media only screen and (max-width: 950px){
    .kontakt{
    
    }
    
    .kontakty .span-1-of-5{
        width: 100%;
        margin-left: 0px;
        padding-left: 20%;
        padding-right: 20%;
        margin-top: 10px;
    } 
    .kontakty .col{
         margin-left: 0px;
    }
    
    .mapa{
        width: 30%;
    }
    
    .mapa iframe{
       height: auto; 
       width: 100%;
    } 
    
    .dospělí .span-2-of-3{
         width: 98%;
       
        }

    
    .dospělí .span-1-of-3{
         width: 98%;
    }
    
    .dospělí .col{
        margin-left: 0px;
    }
    
    
    
    .obrázek {
        width: 40%;
        margin: 0 auto;
      margin-top: -160px;
       
    }
    
    .dospělí-text {
        margin-left: 2%;
        margin-right: 2%;
    }
    
    
     .photo-segment .span-1-of-2{
        width: 100%;
         /*border: 1px solid red;*/
         background: none;
    } 
    
    .photos{
         margin-left: 15%;
        margin-right: 15%;
    }
    .photo-segment .col{
        margin-left: 0px;
    }
    
    .photo-segment img{
        width: 80%;
        margin-right: 10%;
        margin-left: 10%;
    }
    
     
}

@media only screen and (max-width: 850px){
    .photo-segment img{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }
    
    
       nav ul li{
       display: block;
       margin-top: 4px;
    }
    
    
        .mobile-nav-background {
        height: 238px;
        position: fixed;
        width: 100%;
        background-color: rgba(173, 50, 36, 0.9);
        border-bottom: 2px solid #fff;
        z-index: 50;
        display: none;
    }
    
    nav ul {
    margin-top: 7px;
   
}
       /*.nav-pozadí{
           display: none;
    }*/
         .mobile-nav-icon {
       display: inline-block;
        z-index: 200;
        position: fixed;
        right: 2%;
    }
    
    .smalllogo{
        position: absolute;
    margin-top: 77777px;   
    width: 10%;
    z-index: 0;    

  
}
    
    nav ul {
        display: none;
    }
    
    nav ul li a:hover,
    nav ul li:active{
	border-bottom: 2px solid transparent; 
   } 
    
    
 
    
    header {
     background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4)), url("../images/judobackground.jpg");
     background-size: cover;
    height: 960px;
    background-attachment:fixed;
    background-position: center;
  }
    
      #logo img{
        display:block;
        width: 255px;
       /* position: absolute;*/
        top:65%;
        left:49%;
       /* transform: translate(-50%,-50%);*/
    
    }

    
}   
    @media only screen and (max-width: 800px){
     .photo-segment img{
        width: 90%;
    }
        .about-us .span-1-of-3{
            width: 100%;
            margin-top: -80px;   
        }
        
        
        .section2 {
            margin: 0 auto; 
        }
        
        
        .about-us .span-2-of-3{
            width: 100%;
            text-align: center;
            margin-top: 40px;
        }
        
        
        .about-us .col{
            margin-left: 0px;
        }
        /*.section2 {
          margin: 0 auto;
        }*/
        .section3{
            margin-left: 2%;
            margin-right: 2%;
            margin-top: 0px;
        }
 }       
    @media only screen and (max-width: 750px){
     .photo-segment img{
        width: 450px;
         height: 300px;
        padding-top: 55px;
        transform: scale(1.5); 
    }       
    
      .photo-segment img:hover{
     transform: scale(1.5)
    }
        
      
}