*,*::before,*::after {  box-sizing: border-box;}
html {  -moz-text-size-adjust: none;  -webkit-text-size-adjust: none;  text-size-adjust: none;}
body, h1, h2, h3, h4, p,figure, blockquote, dl, dd {  margin: 0;}
ul[role='list'],ol[role='list'] {  list-style: none;}
body {  min-height: 100vh;  line-height: 1.5;}
h1, h2, h3, h4,button, input, label {  line-height: 1.1;}
h1, h2,h3, h4 {  text-wrap: balance;}
a:not([class]) {  text-decoration-skip-ink: auto;  color: currentColor;}
img,picture {  max-width: 100%;  display: block;}
input, button,textarea, select {  font: inherit;}
textarea:not([rows]) {  min-height: 10em;}
:target {  scroll-margin-block: 5ex;}

:root {	                
--kolor1: #7c4d25;  
--kolor2: #5f3613;      
}

h1, h2, h3, h4 {margin:1rem 0 2rem 0;}
p  {margin: 1rem 0;}
    
.container { width: min(95%, 1200px);  margin-inline: auto;	}

#header { display: flex; justify-content: space-between; padding:2rem 0;}
#logo {display: flex; justify-content: space-between; align-items:center; gap:2rem}
#nav { display: flex; align-items:center;  }
#nav a {color:var(--kolor1); font-weight:400; font-size:1.3rem; text-decoration:none}
#nav a:hover {color:#000}
#nav ul { list-style: none; display: flex; gap:2rem; align-items:center; padding:0; }

@media (max-width: 767.98px) { 
  #header { justify-content: space-between; padding:2rem; flex-direction: column;}
  #nav { display: flex; align-items:center;  }
  #nav ul { gap:1.4rem; margin-top: 1rem; }
}


.nazwa {color:#7c4d25;font-weight:400; font-size:1.5rem; }

.card-deck {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:5rem; margin: 3rem 0; }
.card-deck img:hover {	-webkit-filter: grayscale(100%);	filter: grayscale(100%); }

.card { position:relative; }
.card-img-overlay { background-color:hsla(0, 0%, 100%, 0.8); padding:.5rem 2rem; position: absolute;  z-index:100; bottom:.5rem; left: .5rem;  font-size:1.5rem; color:var(--kolor1);  }

.galeria {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap:2rem; margin: 3rem 0; }


footer {color:var(--kolor1)}


