/* *******************************************************************                     R  E  S  P  O           **************************************************************************** */


@media (min-width: 800px){
		div.section {width:90%;}
		
}

@media (min-width: 1000px){
		div.section {width:85%;}
		
}

@media (min-width: 1200px){
		div.section {width:80%;}
		
}


@media (min-width: 1400px){
		div.section {width:75%;}
		
}


@media (min-width: 1700px){
		div.section {width:70%;}
		
}


@media (min-width: 2000px){
		div.section {width:65%;}
		
}


@media (min-width: 2500px){
		div.section {width:60%;}
		
}


@media (max-width: 1500px){
     // div.news2 div._50_ {width:100%}
     // div.news2 div._33_ {width:47%;}
     a.img img {height:150px; width: auto}
     div.__50__ {width:98%;}
}



@media (max-width: 1400px){
       div#logo-big {top: 80%; left: 0; bottom: 20%; right: 0;}
       
       div.grid{
    	grid-template-columns: 40% auto; grid-template-rows: auto;
    	}
    
}

@media (max-width: 1320px){
      
}

@media (max-width: 1200px){

		div.menu-odkazy-center {display:none}
        img#hamburger {z-index:200;display:block; border:none;  position:absolute; right: 10px; top: 10px; width: 50px; height: auto;}
        
        div#logo-big {top: 75%; left: 0; bottom: 25%; right: 0;} 
        div#logo-small {
              display:block;
              float:left;
              width: 187px;
              height: 30px; 
              cursor:pointer;
              background: url('../img/logo-small.png');
              background-position: center center;
              background-size: 100%;
              background-repeat: no-repeat;
              margin: 10px 0px 0px 10px;
              }
        
         div.grid{
    	grid-template-columns: 50% auto; grid-template-rows: auto;
    	}
        
        

} 


@media (max-width: 1080px){

        
         div.grid{
    	grid-template-columns: 100%; grid-template-rows: auto auto;
    	}
        
        div.flexbox{
            margin-bottom:30px;
        	display:flex;
        	flex-flow: row wrap;
            //flex-direction: row-reverse;
        	justify-content: space-between;
            row-gap:5em;
            column-gap:2em;
            padding: 1em;
      	}
        
        div.width-30 {width:39%;text-align:center}
        div.width-70 {width:59%}   
        
}


@media (max-width: 920px){
		div.section {width:90%; padding: 1em 1em 2em 1em;}
        
        div.news2 div._50_ {width:100%}
        div.news2 div._33_ {width:47%;}

}


@media (max-width: 820px){
        div.flexbox div {width: 260px; height: 203px;}
        div.flexbox div a {position:absolute;  left: 0; margin-top:190px; padding-top: 20px} 
        img.img-pf {float:none;}
        p.p-pf  {margin-top:10px;text-indent:0px;position:static} 
        img.img {max-width:100%;height:auto}              
}


@media (max-width: 720px){
		div.section {width:100%; /*padding: 1em 1em 2em 1em;*/}
        div.news2 div._33_ {width:100%;}
        
        
        div.width-30 {width:98%;text-align:center}
        div.width-70 {width:98%} 
        
        
       
       
}   



@supports (-webkit-touch-callout: none) {
  @media (max-width: 720px){
      body.img1, body.img2 	{ background: #4e9448} 
  }
} 
                        


@media (max-width: 600px){
      h1 {font-size: 1.4em;}
      h2 {font-size: 1.2em;}
      h3 {font-size: 1em; }

      div.titles ul {margin-left: -40px}
      div.grid div:last-child, th.gen, td.gen, p, li, div.news *, div.news2 * {font-size: 16px; text-align:left; line-height: 1.4em}
      li {margin-bottom: .5em}

      div.news, div.news2 { padding: 1em 0em 1em 0em; background:none; border: none}
      div.news:hover, div.news2:hover { background:none; border: none}
      
      div.__50__ p {width:98%;}
      
}


@media (max-width: 500px){

		div#logo-big {
		  width: 300px;
		  height: 156px; 
		 }
		 

		ul, ol, ol.seznam {margin-left: -10px} 
        
        div.flexbox{
          padding: 0em;
    	}
}


@media (max-width: 410px){


    div#at-home {
        width: 300px; height: 238px;
        background-size: 300px 238px;
    }
    
    div#at-home:hover {
        background-size: 300px 238px;
    }
    
    div#in-memory {
        width: 300px; height: 238px;
        background-size: 300px 238px;
    }
    
    div#in-memory:hover {
        background-size: 300px 238px;
    }
    
    div.flexbox div h2 {margin-top: 240px; font-size: 1.4em;}

        div#scroll-buttons-up, div.scroll-buttons-up {display:block; text-align:center; margin: 0px auto; margin-top:50px; margin-bottom:10px; color: #fff}
        div#scroll-buttons-down, div.scroll-buttons-down {display:block; text-align:center; margin: 0px auto; margin-top:0px; margin-bottom:50px; color: #fff}
		div#scroll-buttons-up span, div#scroll-buttons-down span, div.scroll-buttons-up span, div.scroll-buttons-down span {color: rgb(255,227,170,1); text-decoration: none;}
		 
}


@media (max-width: 380px){

		div#logo-big {
		  width: 200px;
		  height: 104px; 
		 }
         
        
		  
  		 
}