body {
     margin: 0;
     font-family: Arial, sans-serif;
     line-height: 1.6;
     background-image: url("zdjecia/123.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 header {
     background-color: #333;
     padding: 10px;
     text-align: center;
     color: white;
 }

 nav {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     background-color: #555;
     padding: 10px;
 }

 nav a {
     color: white;
     text-decoration: none;
     padding: 10px 20px;
     margin: 5px;
     border: 1px solid #fff;
     border-radius: 5px;
     transition: background-color 0.3s;
 }

 nav a:hover {
     background-color: #777;
 }

 h2 {
     font-size: 2rem;
     color: #34c0eb;
     text-align: center;
     margin-top: 20px;
     z-index: 999;
 }

 p.intro {
     font-size: 1.25rem;
     color: #34c0eb;
     text-align: center;
     margin-top: 10px;
 }

 iframe {
     width: 100%;
     height: 400px;
     border: 0;
     display: block;
     margin-top: 20px;
 }

 .contact-section {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     padding: 20px;
     background-color: #777;
     margin-top: 20px;
 }

 .contact-item {
     flex: 1 1 30%;
     margin: 10px;
     text-align: center;
     color: white;
 }

 .contact-item span {
     font-size: 4rem;
 }

 .contact-item p {
     font-size: 1.25rem;
     margin: 10px 0 0;
 }

 .contact-form-wrapper {
     background-color: #777;
     width: 100%;
     padding: 40px;
     box-sizing: border-box;
 }

 .social-icons {
     text-align: center;
     margin-top: 20px;
 }

 .social-icons a {
     margin: 0 10px;
 }

 .social-icons img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     transition: transform 0.3s ease;
 }

 .social-icons img:hover {
     transform: scale(1.1);
 }

 .contact-info {
     text-align: center;
     margin-top: 20px;
     background-color: rgba(0, 0, 0, 0.7);
     padding: 20px;
     color: white;
     border-radius: 10px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
 }

 .contact-info h6 {
     color: #34c0eb;
     font-size: 1.75rem;
     margin: 10px 0;
 }

 .contact-info p a {
     color: #fff;
     font-size: 1.5rem;
     text-decoration: none;
 }

 .contact-info p a:hover {
     text-decoration: underline;
 }

 .hours-section {
     text-align: center;
     margin-top: 20px;
     background-color: rgba(0, 0, 0, 0.7);
     padding: 20px;
     color: white;
     border-radius: 10px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
 }

 .hours-section h6 {
     font-size: 1.75rem;
     margin-bottom: 10px;
 }

 .hours-section pre {
     font-size: 1.25rem;
     margin: 0;
 }

 footer {
     background-color: #333;
     color: white;
     text-align: center;
     padding: 20px;
     margin-top: 20px;
 }

 footer a {
     color: white;
 }

 @media (max-width: 768px) {
     .contact-item {
         flex: 1 1 45%;
     }
 }

 @media (max-width: 480px) {
     h2 {
         font-size: 1.5rem;
     }

     p.intro {
         font-size: 1rem;
     }

     .contact-item {
         flex: 1 1 100%;
     }

     .contact-item span {
         font-size: 3rem;
     }

     iframe {
         height: 300px;
     }
 }