header {
  width: 100%;
  background-image: url("https://eksperientalnie.pl/wp-content/uploads/2022/01/Finebite-ciekawe-restauracje-Warszawa-scaled.jpg");
  background-size: cover;
  background-attachment: fixed;
  height: 800px;
}

nav{
  display: flex;
  justify-content: flex-end;
}
.menu-link{
  font-size: 25px;
  text-decoration: none;
  padding: 15px;
  border-bottom:2px solid transparent;
  transition-duration: 1.2s;
  color: white;
}
.menu-link:hover{
  border-bottom: 2px solid #ff8505;
  
}
@media screen and (max-width: 568px){
  nav{
    flex-direction: column;
    align-items: flex-end;
  }
}

h1{
  margin: 100px 0px;
  font-size: 35px;
  text-align: center;
  width: 100%;
}

h2{
 text-align: center;  
 margin-top: 10px;
}
.kontener{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: center;
}
.info{
   margin: 30px;
   width: 200px;
   height: 200px;
   border-radius: 150px;
   object-fit: cover;
}
p{
  padding: 10px;
}
.potrawa{
  flex: 1;
}
.zdj-galeria{
  margin-top: 10px;
  width: 400px;
  height: 200px;
}
.zdj-galeria:hover{
  transform: scale(1.2,1.2);
  transform-duration: 2s;
}

footer{
  width: 100%;
  background-color: #262626;
  margin-top: 50px;
}
footer h1{
  color: white;
padding-top: 10px;
}
#kontakt, #mapa{
margin-top: 100px; 
}
form{
  color: white;
  height: 30px;
}
formlabel{
  font-size: 18px;
}
legend{
  font-size: 20px;
}
fieldset{
  text-align: left; 
  padding: 20px;
  margin-bottom: 10px;
}
.button{
 width: 150%; 
 height: 50%;
 background-color: #fa4a0a;
 color: white;
 font-size: 16px;
 border-radius: 4px;
}