body 
           {   margin: 0 auto;
               padding: 0px;
               background-color: lightgrey; 
               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
               text-align: center;
               width:90%;  
             }

          section, section_firma   {
               display: flex;
               display: -webkit-flex; 
   	       flex-direction: column;
               width:  95%; 
               align-items: center;
               margin: 0 auto; 
                     }

            /*Tablet*/
                 @media and (min-width: 600px) and (max-width: 734px) {
                section {
                         flex-wrap: wrap;   }
                        }

            /*SMARTFON*/
                 @media (max-width: 599px) {
                section {
                         flex-wrap: nowrap;
                         background-color: white;
                                   }
                                }



     /*    STRONA FIRMA    */

      .firma   {  
               margin: 10px 0px 20px 0px;
               }                       

     /*    STRONA PRODUKTY   */

       .flex-produkty    {
                padding: 10px 0px 15px 0px; 
                         }
    
         
      img  {
           max-width: 90%;
           height:auto;
           width:auto;    }  
           
      header  {     width: auto;
    	            height:100px;
    	            padding: 0px 0px 0px 0px;     } 
    	            
      table { display: none  }	               
    	            
    	  .middle_1 { max-width: 96%   }                                                                                                         
    
          .container { width: 100%;
    	               margin:0 auto;
          	
          	           display: flex;
          	           display: -webkit-flex; 
   	                   flex-direction: column;
   	                   justify-content: center; 
   	                   -webkit-justify-content: center;
   	                   align-items: center;
          	           flex-wrap: wrap;    }

    /*             STRONA  STATOWA                            */ 

                .flex-container {
                       display: flex;           
                       display: -webkit-flex; 
                       flex-direction: column;
                       flex-wrap: wrap;
                       justify-content: center; 
                       align-items: center;
                       margin: 0px 0px 30px 0px;

                                 }

                .image   {
                       display: flex;           
                       display: -webkit-flex;
                       margin:0 auto; 
                       width: 20%;
                       padding: 10px 0px 0px 0px;
                         }

                .slideshow-container {
                       width: 90%;
                       margin:0 auto;   }
          	           
          	.menu {        
                  display: flex;           
                  display: -webkit-flex; 
                  flex-direction: column;
                  flex-wrap: wrap;
                  justify-content: center; 
                  align-items: center;
                  margin:0 auto;
                             }    
         	                      
         
          
    /*      #obrazki {   display: flex; 
     	               display: -webkit-flex;
   	                   flex-direction: row;
   	                   justify-content: center;
   	                   -webkit-justify-content: center; 
   	                   align-items: center;
   	                   flex-wrap: wrap; 
   	                   padding: 10px 0px  }          */
               
           
           	         
           	  #srodek_strony { display: none  } 
           	  
           	  .fsize  { display: none }
           	       
           
            h2  {    text-shadow: 0 1px 0 #ccc,       /* napisy w 3D   */ 
	             0 2px 0 #c9c9c9,
	             0 3px 0 #bbb,
	             0 4px 0 #b9b9b9,
	             0 5px 0 #aaa,
	             0 6px 1px rgba(0,0,0,.1),
	             0 0 5px rgba(0,0,0,.1),
	             0 1px 3px rgba(0,0,0,.3),
	             0 3px 5px rgba(0,0,0,.2),
	             0 5px 10px rgba(0,0,0,.25),
	             0 10px 10px rgba(0,0,0,.2),
	             0 20px 20px rgba(0,0,0,.15); 
	             
	         color: white ; 
	         height: 25px;
	         margin: 10px 0px 10px 0px;
	         font-size: 25px; 
	         text-align: center ;  
           }
           
                 footer
                      {
                       font-size: 12px; 
                      }
           
          
          	            
          	            
          	            
       /* PRZYCISK POWROTU     */   	     
       .button_link {
  	
  	  perspective:200px;
  	  margin: 30px auto;
  	  display: table;
    }

   .button_link a {
   	  border: solid 1px #49a5bf;
   	  padding: 10px 20px;
   	  text-decoration: none;
   	  color:white;
   	  background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
   	  font-size: 12px;
   	  border-radius: 6px;
   	  opacity: 0.8;
   	  box-shadow: 3px 3px 0px 0px rgba(124,189,207,1), 0px 6px 9px rgba(0,0,0,0.7);
   	  font-family: 'Stoke', serif;
   	  display: block;
   	  transition: 0.2s;
   	  
   	  transform: rotateX(20deg);
   }
   
   
     .button_link a:hover {
     	opacity: 1;
     	transform: rotateX(10deg);
     }
     
     .button_link a:active {
       position:relative;	
       top:3px;	
       box-shadow: 3px 3px 0px 0px rgba(124,189,207,1), 0px 3px 6px rgba(0,0,0,0.9);	
     }	
     
    /*   MENU     */ 
     
    #menu {  padding: 0px 0px 20px 0px; 
                        display: flex;
           	            display: -webkit-flex; 
   	                    flex-direction: row;
   	                    justify-content: center; 
   	                    -webkit-justify-content: center;
   	                    align-items: center;	 }  
	           
	     ol { list-style-type:none;
               padding:0;
               margin:0;
               background-color: #D3D3D3;
               font-size:18px;
               text-align:center;
               white-space: nowrap;     }   /* tekst nie bedzie sie zawijał  */

     
        ol a { display:block;
               text-decoration:none;
               color:#000;
               padding:5px 5px;    }       /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */        
   	     
   	   ol > li { float:left;
                  width:100px;
                  margin-top:1px;
                  background: linear-gradient(120deg, rgb(191, 163, 90) 30%, rgb(201, 151, 50) 62%);
                  height:2em;
                  font-size: 15px;      }    

        ol > li:first-child {
        margin-left:0; }
        
    
     
      ol > li:hover > a {color:#E6E6E6;
      }    
           /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu na element - li */

      
      ol > li:hover > ul {  display:block;     */
      }     /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu na element - li */