html,body{
  padding: 0;
  margin: 0;
overflow-x: hidden; /* Tylko poziomy overflow */
  overflow-y: visible; /* Pozwala stronie się przewijać */
}
html{
    background-color: #d1cfce;
    overflow-x: hidden;
}

body{
  width: 100%;
  height: 100%;
  margin: 0;
}

main {
  flex: 1; /* Wypełnia dostępną przestrzeń, wypychając stopkę na dół */
}

.logo{
    border-radius: 50%;
}

td {
  border: 1px solid black;
  width: 5%;
}


main{
    font-size: xx-large;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.tekst{
  text-align: start;
}



.kontakt{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: xx-large;
}

.kontakt1{
    width: 60%;
    display: block;
    margin:auto;
}
.kontakt2{
   align-items: flex-end;
   
   
}
.kontakt  li{
 list-style: none;
 
}
.kontakt i {
    margin-right: 5%;
}
table{
  margin-left: auto;
  margin-right: auto;
  
  
  
}
.mapa{
  height: 350px;
  
}

table td{
  font-size: xx-large;
  
}
img{
  max-width: 100%;
  height: auto;
}


#menu-button {display: none;}
        #menu {list-style: none; float: left; width: 100%;}
        #menu li {float: left; display: block; padding: 0 1%;}
        #menu li a {text-decoration: none;}


    
    header,
    .carousel {
      width: 100%;
      height: 100%;
      
    }
    

  

footer.page-footer {
  position: relative;
  width: 100%;
}


    
    @media  (max-width: 920px) {
     body{
       width: auto;
     }
     .logo{
       width: 200%;
     }
     
      #menu {display: none;}
      #menu li {width: 100%; text-align: center;
        background-color: rgba(0,0,0,.9);
      }
      
      #menu-button {display: block;
        height: 6vh;
        width: 15vh;
        font-weight: bold;
        color: #ffffff;
        background-color: #000000;
       
      }
      
      .tekst{
        text-align: center;
      }
      .mapa{
        width: 300px;
        height: 200px;
      }
      .zdjecie{
        width: 300px;
        height: 200px;
      }
      .kontakt{
       display: flex;
       flex-direction: column-reverse;
      }
      
      .kontakt2{
        font-size: large;
      }
      .numer{
        display: none;
      }
      .navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
    }
   

    @media  (max-width: 700px)
    {
      tr{
        
        display: flex;
        flex-direction: column;
      }
      td {
        width: 100%;
      }

    }
    @media (min-width: 701px)
    {
      td{
        padding: 0.9em;
        text-align: center;
      }
      .mapa{
        width: 50%;
      }
      .kontakt2{
        width: 50%;
      }

    }

    @media  (min-width: 921px)
    {
      
    }
    @media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
    @media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
    @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
    @media (min-width:1281px) { /* hi-res laptops and desktops */ }