#content .grid .item a::after, #realizacje .grid .item a::after,
#content .grid .item, #realizacje .grid .item,
#content .grid .item a, #realizacje .grid .item a,
#realizacje .grid img{
    border-radius:7px;
}

#content .grid .item a::after, #realizacje .grid .item a::after, #content .grid .item, #realizacje .grid .item, #content .grid .item a, #realizacje .grid .item a, #realizacje .grid img{
    width:100%;
}
.nav{
    padding-bottom:0;
}
ul#nav li{
    padding:15px 0;
    position:relative;
}
ul#nav ul{
    display:none;
    background:#fff;
    padding:20px 20px 20px 7px;
    box-shadow: 0 0 5px rgb(0 0 0 / 36%);
    position:absolute;
    z-index:10;
    top:40px;
    width:240px;
    text-align:left;

border-radius:5px;
}
ul#nav ul li{
    display:block;
    padding: 8px 0;
    
}
ul#nav ul li a{
    border-right:none;
}
ul#nav li:hover ul{
    display:block;
}


.nav li.active ul li a{
    color:#000;
}
.nav li.active ul li a:hover,
.nav li.active ul li.active a{
    color:#FF3314
}
#banner button{
    z-index:10;
}
#banner h2 {
    color: #fff;
    font-size: 45px;
    line-height: 1.1;
    position: absolute;
    top: 40%;
text-align:left;
    left: 360px;
    font-weight: bold;
    text-shadow: 2px 2px 6px #727272;
}
#content p{
    margin-bottom:20px;
}
strong{
    font-weight:bold;
}
.faq .accordion .item {
    border: 1px solid rgba(204, 204, 204);
    padding: 25px 30px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255);
    position: relative;
}
.arrow {
    border: solid #087bff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    position: absolute;
    right: 25px;
    top:25px;
}
.nav{
    display:block;
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#content, #realizacje{
  
}
.text-center{
    text-align:center;
}
h4{
    font-size:17px;
    font-weight:bold;
}
.neighbors{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.neighbors span{
    padding:0;
    margin:10px;
    border: 1px solid #ccc;
    border-radius:100px;
    text-align:center;
}
.neighbors .link-next{
    
}
.neighbors .link-prev{
    
    
}
.neighbors span a{
    padding:20px;
    display:block;
}

footer{
    background-color:#f3f3f3;
    margin-top:60px;
    
}
 .slick-slider .slick-prev{
        left:0;
    }
     .slick-slider .slick-next{
        right:0;
    }
    
     #page2 #realizacje .grid,
     #page3 #realizacje .grid,
     #page4 #realizacje .grid, 
     #page5 #realizacje .grid{
          
        grid-template-columns: 1fr 1fr;
        padding: 0px;
    }
    
@media (max-width: 1738px) {
    #realizacje .grid {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0px;
    }
}    
@media (max-width: 1179px) {
    #realizacje .grid {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0px;
    }

    #content, #realizacje{
        width:100%;
                box-sizing: border-box;
        padding: 30px;
    }
}
@media (max-width: 900px) {
     .nav{
        display:none;
    }
    .show{
        display:block;
    }
   ul#nav li{
       padding:3px 0;
       
   }
   ul#nav li{
       font-weight:bold;
   }
   
   ul#nav ul{
       display:block;
       background: none;
        padding: 0;
        margin-left: 20px;
        box-shadow:none;
        position: relative;
        z-index: 10;
        top: 0;
        width: auto;
        text-align: left;
        border-radius:5px;
   }
   ul#nav ul li{
       border-bottom:none;
       font-weight:normal;
   }
   #banner h2 {
    color: #fff;
    font-size: 32px;
    line-height: 1.1;
    position: absolute;
    top: 26%;
    text-align: left;
    left: 100px;
    font-weight: bold;
    text-shadow: 2px 2px 6px #727272;
   }
}
@media (max-width: 797px) {
    #realizacje .grid {
        grid-template-columns: 1fr 1fr;
        padding: 0px;
    }
      #banner h2 {
    color: #fff;
    font-size: 20px;
    line-height: 1.1;
    position: absolute;
    top: 20%;
    text-align: left;
    left: 80px;
    font-weight: bold;
    text-shadow: 2px 2px 6px #727272;
   }
   #content, #realizacje{
       padding:15px;
   }
   #content h1,#content p{
       margin:0;
       padding:10px 0;
   }
}

@media (max-width: 360px) {
    #realizacje .grid {
        grid-template-columns: 1fr;
        padding: 0px;
    }
}