div#intro{width:100%; height:auto; background:url('../img/intro.jpg');background-position:center top;background-repeat:no-repeat;background-size:100% auto; opacity: .9; padding-top: 25px; } 



  


div#flex-field {    width:80%;
                    margin:auto;	
	               display:flex;
	               flex-flow: row wrap;
              	     justify-content: space-around;
                  margin-top: 25px;
                  margin-bottom: 100px;
				  gap:20px;
				  }
                  
                  
div#flex-field2 {    
                    width: 80%;
                    margin:auto;	
	               display:grid;
	               grid-template-rows: auto;
                   grid-template-columns: 1fr 1fr 1fr;
              	  justify-content: center;
                  margin-top: 25px;
                  margin-bottom: 100px;
				  gap:20px;
				  }
                                    
                  
div#flex-field2 img{width: 308px; height: 140px; box-shadow: 2px 2px 10px #888}

div#pfp {grid-row: 1 / 2; grid-column: 1 / 2; width: 100%; text-align:center; /*background: rgba(0,0,0, .25)*/}
//#logo {grid-row: 1 / 2; grid-column: 2 / 3;}
div#pa {grid-row: 1 / 2; grid-column: 3 / 4; width: 100%; text-align:center; /*background: rgba(0,0,0, .25)*/} 

div#logo {width:150px; height: 139px; margin: auto; background:url('../img/logo.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:pointer; transition: background-size .2s; grid-row: 1 / 2; grid-column: 2 / 3; } 
div#logo:hover {background-size:100% 100%; transition: background-size .2s}  

                

div.flex-items {width: 238px; height: 283px; }
//div.flex-items:nth-child(1), div.flex-items:nth-child(2) {margin-right:30px}
 
div#zemedelske-sluzby {background:url('../img/zemedelske-sluzby3.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s} 
div#sluzby-v-lesnictvi {background:url('../img/sluzby-v-lesnictvi.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s}

div#pestovani-ovoce {background:url('../img/pestovani-ovoce.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s} 



div#angus-aberdeen-black {background:url('../img/angus-aberdeen-black.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s}

div#vcelarstvi {background:url('../img/vcelarstvi.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s}


//div#zemedelske-sluzby:hover, div#sluzby-v-lesnictvi:hover, div#vcelarstvi:hover {opacity: 1; background-size:100% 100%; transition: background-size .2s}

div#vcelarstvi:hover {cursor:pointer; opacity: 1; background-size:100% 100%; transition: background-size .2s}


div#podlipanske-domaci-produkty {background:url('../img/podlipanske-domaci-produkty.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s}

div#preprava-dreva {background:url('../img/preprava-dreva.png');background-position:center center; background-repeat:no-repeat; background-size:95% 95%; cursor:default; transition: background-size .2s}


div#info-text {    width:75%;
                    margin:auto;
                    margin-top: 50px;
                    margin-bottom: 50px;
                    color: #000;
                    text-align:center; 
                    font-size:1.1em;
                    text-shadow: 2px 2px 5px #ffcc74; 
                    background: rgba(255,204,116, .35);
                    box-shadow: 2px 2px 5px #b16318;                  
                    }
                    
div#info-text a {color:#1c3b00}   



div#polabi {
  margin: auto; 
  margin-bottom: 30px;  
  text-align:center;
  width: 150px;
  height: 138px;
  cursor:pointer;
  background: url('../img/polabi-85.png');
  background-position: center center;
  background-size: 98%;
  background-repeat: no-repeat;
  transition: background .25s;
  opacity:1;
  }
  

  
div#polabi:hover {
  background-size: 100%;
  transition: background .25s;
  }
  
  
div#podlipanske-domaci-produkty-ikona {
  margin: auto;
  margin-bottom: 30px;
  text-align:center;
  width: 304px;
  height: 138px;
  cursor:default;
  background: url('../img/podlipanske-farmarske-produkty.png');
  background-position: center center;
  background-size: 98%;
  background-repeat: no-repeat;
  transition: background .25s, opacity .25s;
  opacity:.85;
  }
  

  
div#podlipanske-domaci-produkty-ikona:hover {
  background-size: 100%;
  transition: background .25s, opacity .25s;
  opacity:1;
  } 
  
  
div#galerie {
    display:flex;
	flex-flow: row wrap;
    justify-items: center;
	justify-content: center;
    row-gap: 1em;
    column-gap: 1em;
    left: 0; 
    margin: auto;
    width: auto;
    height: 100px;
    opacity:1;
    margin-bottom:50px
  }  

div#galerie img {opacity: 1; transition: opacity .5s; /*border: 1px solid #fff;*/ width: auto; height: 150px;  box-shadow: 2px 2px 5px #666}
//div#galerie img:hover {opacity: 1; transition: opacity .5s;}  

.cp {cursor:pointer;}                                         


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

@media (min-width: 2000px){
div#intro{width:100%; height:1333px; background:url('../img/intro.jpg');background-position:center top;background-repeat:no-repeat;background-size:100% 1333px; opacity: .9; padding-top: 25px; }
}

@media (min-width: 2200px){
div#intro{width:100%; height:1470px; background:url('../img/intro.jpg');background-position:center top;background-repeat:no-repeat;background-size:100% 1470px; opacity: .9; padding-top: 25px; }
}




@media (max-width: 1025px){
    
      div#intro{width:100%; height:100vh; background:url('../img/intro.jpg');background-position:center top;background-repeat:no-repeat;background-size:cover; opacity: .9; padding-top: 25px; }
      div#info-text {width:90%; font-size:1em;}
}


@media (max-width: 900px){

    div#flex-field2 {    
                    width: 50%;
                    margin:auto;	
	               display:grid;
	               grid-template-rows: 1fr 1fr 1fr;
                   grid-template-columns: auto;
              	  justify-content: center;
                  margin-top: 25px;
                  margin-bottom: 100px;
				  gap:50px;
				  }

      div#pfp {grid-row: 2 / 3; grid-column: 1 / 2;}
      div#logo {grid-row: 1 / 2; grid-column: 1 / 2;}
      div#pa {grid-row: 3 / 4; grid-column: 1 / 2;}
      
      //div#flex-field2 * {max-width:100px}
}


@media (max-width: 800px){
      div.flex-items:nth-child(5) {margin-top:30px}

}




@media (max-width: 640px){
      
      div#podlipanske-domaci-produkty-ikona {
		  width: 280px;
		  height: 80px;
  		}
  

  
     
}



@media (max-width: 420px){
	div.flex-items {width: 200px; height: 238px; }
}