*{

    margin: 0;

    padding: 0;

    font-family: Tahoma, sans-serif;

    box-sizing: border-box;

    overflow-x: hidden;

    scroll-behavior: smooth;

}



header{

    background: linear-gradient(rgba(0, 0, 0, 0.317),rgba(0, 0, 0, 0.879)), url('../images/bg_fot_tlo.jpg') center;

    height: 100vh;

    width: 100vw;

    background-size: cover;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



h1, h3{

    text-align: center;

    color: #ccc;

}



h1{

    position: relative;

    font-size: 50px;

    text-transform: uppercase;

}



h3{

    font-size: 20px;

    line-height: 35px;

    opacity: 0.9;

}



.tytul{

    position: relative;

    bottom: 0px;

    left: 0%;

    margin-left: 0px;

    margin-top: 35%;

    margin-bottom: 20px;

}



.btn1{

    position: absolute;

    bottom: 5%;

    left: 50%;

    width: 260px;

    height: 60px;

    background-color: transparent;

    border: 3px solid white;

    border-radius: 20px 0;

    color: white;

    font-size: 18px;

    margin-left: -130px;

    }



.btn2{

    position: absolute;

    bottom: 10%;

    left: 50%;

    width: 260px;

    height: 60px;

    background-color: transparent;

    border: 3px solid white;

    border-radius: 20px 0;

    color: white;

    font-size: 18px;

    margin-left: -130px;

}  



button:hover{

    background-color: rgba(255, 166, 0, 0.589);

    transition: all 0.5s ease-in;

    cursor: pointer;

}



section {

    background: linear-gradient(0.05turn, rgba(0, 0, 0, 0.317),rgba(186, 121, 0, 0.517),rgba(0, 0, 0, 0.589));

    width: 100vw;

    height: 100vh;

    margin: 0;

}



section h2 {

    font-size: 30px;

    text-align: center;

    color: #eee;

    margin-top: 20px;

}



section iframe{

    position: absolute;

    width: 80%;

    height: 80%;

    left: 10%

}



#arrow-up {

    width: 50px;

    height: 50px;

    position: relative;

    top: -5%;

    left: 85%;

}



#projekt-budowlany #arrow-up {

    position: relative;

    top: -8%;

    left: 85%;

} 



#arrow-down {

    width: 50px;

    height: 50px;

    position: relative;

    top: 74%;

    left: 85%;

}



#projekt-budowlany #arrow-down {

    position: relative;

    top: 70%;

    left: 85%;

} 



.gallery{

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    margin-top: -70px;

}



#banner_allegro{

    height: 40px;

    width: 100%;

}

p {

    font-size: 16px;

    padding-top: 5px;

    padding-bottom: 5px;

    margin: 0px 20px;

}

li{
    font-size: 16px;
    
    list-style: circle;

    list-style-position: outside;

    color: white;

    padding-top: 5px;

    padding-bottom: 5px;

    margin: 0px 20px;
}