.page-title{
    text-align: center;
    margin: 15px;
    margin-top: 50px;
    margin-bottom: -1px;
    /* margin-bottom: 80px; */
    padding: 10px;
    box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.2);
    border-radius: 10px;

    z-index: -1;
    animation: fade-in 2s ease-out;
}
.page-title:nth-child(2){
    margin-top: 20px;
    margin-bottom: 60px;

    padding: 20px;
}
.page-title-bottomtext{
    color: rgba(255, 255, 255, 0.35);
    font-weight: 200;
}
.page-ul-container{
    width: 70%;
    max-width: 440px;
    box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.2);

    padding: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 10px;

    margin-bottom: 40px;
}
.page-ul{
    font-size: 20px;

    list-style: "";
    text-align: center;
}
.page-ul li{
    color: rgba(255, 255, 255, 0.918);
}
.page-call-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;

    margin-bottom: 50px;
}
.page-call-title{
    text-align: center;
    width: 100%;
}
.page-call-element{
    background-color: var(--orange);

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    margin-top: 20px;
    width: 35%;
    max-width: 200px;
    aspect-ratio: 4/1;

    padding: 5px;

    box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.2);
    border-radius: 12px;

    animation: fade-in 2s ease-out;

}
#page-call-lub{
    background-color: transparent;
    box-shadow: none;
    width: 15px;
}
.video-container{
    background-color: var(--body-bg-color2);
    border-radius: 25px;

    width: 100%;
    max-width: 1000px;
    text-align: center;
}
.video-title{
    padding: 15px;
}
.video-iframe{
    width: 100%;
    aspect-ratio: 16/9;
}
.produkty-h2{
    background-color: var(--body-bg-color2);
    box-shadow: 0px 10px 18px 5px rgba(0,0,0,0.2);
    border-radius: 25px;

    z-index: -1;

    width: 100%;
    text-align: center;
    padding: 15px 0 10px 0;
    margin-top: 40px;
    margin-bottom: 0;

}
.page-produkty{
    width: 100%;
    max-width: 2000px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
    box-shadow: px 30px 30px 5px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
.produkt-card{
    background-color: rgb(16, 16, 16);
    box-shadow: 0px 10px 18px 5px rgba(0,0,0,0.2);
    width: 50%;
    max-width: 400px;
    aspect-ratio: 845/1200;
    
    background-size: 100%;
    background-position: center;
    background-position-y: 65%;

    transition: 1s ease;
    
}
.produkt-card a{
    height: 100%;
}
.produkt-card:hover{
    background-size: 130%;
}
.produkt-card h3{
    color: rgba(255, 255, 255, 0.724);
    padding: 10px;
}
.produkt-card:nth-of-type(even){
    transition-delay: 150ms;
}
.produkt-card:nth-of-type(odd){
    transition-delay: 100ms;
}
.hidden{
    filter: blur(15px);
    transform: translateX(-100%);
    opacity: 0;
}
.show{
    transform: translateX(0%);
    transform: translateY(0%);

    opacity: 1;
    filter: blur(0px);
    
}
.page-bio{
    width: 100%;
    max-width: 2000px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bio-card{
    background-color: var(--body-bg-color2);
    box-shadow: 0px 10px 18px 5px rgba(0,0,0,0.2);

    width: 85%;
    align-items: center;
    margin: 15px;
    padding: 20px;

    border-radius: 10px;
}
.bio-card-h{
    text-align: center;
}
.bio-card p{
    text-align: center;
    color: rgba(255, 255, 255, 0.861);
}