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

       .container {
           display: flex;
           display: -ms-flexbox;
           display: -webkit-flex; 
           flex-wrap: wrap;
           margin: 0 auto;
           justify-content: space-between;           
                   }

        header   { 
             display: block;
             width: 100%;
             margin: 0 auto;
             align-items: center; 
             text-align:center; 
                 } 

        .item:nth-child(1) {
           width: 45%;
           margin: 0 auto;
           text-align:center;
           align-items: center;
           padding: 15px 0px 0px 0px;
           margin-bottom: 2%;
                      }

       .item:nth-child(2) {
            width: 55%;
            line-height:155%;
                      }

  /*  STRONA GATUNKI DREWNA   */

       .gatunki_drewna
                 { display: flex;
                   display: -webkit-flex;
                   flex-wrap: wrap;
                   width: 100%;
                   margin: 0 auto;
                  } 
        
       .gatunki_drewna_left, .gatunki_drewna_middle, .gatunki_drewna_right {
                 display: flex;
                 flex-direction: column; 
                 align-items:center;      
                 width: 33%;         }   

       .gatunki_drewna p {
                font-size: 16px;
        	text-align: center; 
                         }

       .gatunki_drewna_left {
                img-size: 200%;
                flex-start:flex-end; }

                               

 

     /* STRONA PRODUKTY    */
            
        .produkty {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            width: 100%;
            margin: 0 auto;
                   }     
        
       .produkty_left, .produkty_right {
                 display: flex;
                 flex-direction: column; 
                 align-items:center;        
                 width: 50%;        
                          }

      .produkty_left p, .produkty_right p {
                  text-align: center;
                          }

      .produkty_left, .produkty_right  { 
                  opacity: 0.6; 
                  filter: alpha(opacity=60);  
                           }
    
       .produkty_left:hover,.produkty_right:hover  {
       	          opacity: 1.0;
       	          filter: alpha(opacity=100);
                                  }
            
           
    
           .article_right:hover {
       	          opacity: 1.0;
       	          filter: alpha(opacity=100);
                                  }

 
                        
       .button_link
               { display: flex;
                 display: -webkit-flex;
                 perspective:300px;
  	         margin: 30px auto;
  	         display: table;
  	         height: 60px; 
                 width:"100%";
                    }

       .button_link a {
   	  border: solid 1px #49a5bf;
   	  padding: 20px 30px;
   	  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: 20px;
   	  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);	
                            }	 

             footer { 
     	                display: flex;      	                            
                        display: -webkit-flex;
   	                flex-direction: row;
   	                justify-content: center;
   	                -webkit-justify-content: center; 
   	                align-items: center; 
                        width:100%;  } 
    
                 

    

          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: 70px;
	         font-size: 50px;  
                 text-align:center; 
           }   



     /*     STRONA  STARTOWA -  INDEX    */

                   .flex-container {
                         display: flex;
                         display: -webkit-flex; 
                         flex-direction: row;
                         flex-wrap: nowrap;
                         justify-content: center;
                        -webkit-justify-content: center; 
                         align-items: baseline; 
                         align-items: center;         
                         } 

                     .flex-menu {
                  display: flex;
                  display: -webkit-flex; 
                  flex-direction: row;   
                  flex-wrap: nowrap;
                  justify-content: center; 
                  align-items: baseline; 
                  align-items: center;         
                         } 

                   .image { width: 20%;
                       }                    

                   ol { list-style-type:none;
               padding:0;
               margin:0;
               background-color: #A0A0A3;
               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:150px;
                  margin-left: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 {
        background-color:#EEE;    }

     
      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 */


        /*     STRONA STARTOWA - SLIDER       */
   
 
      
 * {box-sizing: border-box;}
          body {font-family: Verdana, sans-serif;}
         .mySlides {display: none;}
          img {vertical-align: middle;  
              display: block;
              width: 60%;
              margin-left: auto;
              margin-right: auto;
              }

      /* Slideshow container */
       .slideshow-container {
        max-width: 1000px;
        position: relative;
        margin: auto;
        }


      /* The dots/bullets/indicators */
      .dot {
       height: 15px;
       width: 15px;
       margin: 0 2px;
       background-color: #bbb;
       border-radius: 50%;
       display: inline-block;
       transition: background-color 0.6s ease;
           }

      .active {
         background-color: #717171;
              }

      /* Fading animation */
        .fade {
          -webkit-animation-name: fade;
          -webkit-animation-duration: 1.5s;
          animation-name: fade;
          animation-duration: 1.5s;
              }

         @-webkit-keyframes fade {
         from {opacity: .4} 
         to {opacity: 1}
             }

        @keyframes fade {
        from {opacity: .4} 
        to {opacity: 1}
             }

     /* On smaller screens, decrease text size */
       @media only screen and (max-width: 300px) {
      .text {font-size: 11px}
             }