*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Barlow', sans-serif;
    line-height: 1.5;
}
html{
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
body{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
}
section, header, footer{
    max-width: 1920px;
}
header{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 998;
}
a{
    text-decoration: none;
    color: inherit;
    margin: 0;
    padding: 0;
}
.title__Quote{
    transform: skew(-10deg, 0);
}
.desktop__Header, .desktop__About__Section, .desktop__Contact__Section{
    display: none;
}
.mobile__Header{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}
.logo__Img{
    width: 48px;
    height: 40px;
    user-select: none;
    pointer-events: none;
}
.emblem__Img{
    user-select: none;
    pointer-events: none;
}
header div{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
header div img{
    height: 40px;
    user-select: none;
    cursor: pointer;
}
.menu__Bars{
    height: 25px;
    cursor: pointer;
}
#menu{
    width: 100%;
    height: 100dvh;
    position: fixed;
    background-color: #f1edea;
    z-index: 999;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 15vh 7.5vw;
    padding-bottom: 30vh;
}
#menu .hide__Menu{
    width: 100px;
    height: auto;
    position: absolute;
    top: 1.5rem;
    right: 0.1rem;
    font-weight: bold;
    color: #7b7b7b;
    font-size: 1rem;
    cursor: pointer;
}
#menu img{
    width: 50%;
    max-width: 220px;
    user-select: none;
    pointer-events: none;
}
#menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    justify-self: center;
}
#menu ul li{
    font-weight: 600;
    color: #7b7b7b;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.home__Section__Desktop{
    display: none;
}
.home__Section__Mobile{
    width: 100%;
    height: 93vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.home__Section__Logo{
    width: 100%;
    height: 50%;
    background-color: #ece7e2;
    min-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2vh;
    position: absolute;
    z-index: 997;
}
.poswiata{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 998;
}
.name__Logo{
    width: 60%;
    max-width: 260px;
    z-index: 999;
}
.home__Section__Img{
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.home__Img__Mobile{
    margin-top: 46.5vh;
}
.table__Img{
    width: 135%;
    height: auto;
}

.about__Section{
    width: 100%;
    height: auto;
    background-color: white;
}
.about__Section__Title{
    width: 100%;
    height: auto;
    padding: 2rem 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2.5rem;
}
.title__Quote{
    color: #927559;
    font-weight: 500;
    font-size: 0.925rem;
    text-align: center;
}
.title__Text, .title_Description{
    color: #7b7b7b;
    font-weight: 500;
    font-size: 0.88rem;
    text-align: center;
    margin-top: 1rem;
}
.about__Img__Bg{
    width: 100%;
    height: 62vh;
    background-color: #e7dace;
    display: flex;
}
.about__Section__Img{
    width: 100%;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 15vh;
}
.city__Img{
    width: 100%;
    height: auto;
}
.about_Section__Text{
    width: 100%;
    height: auto;
    padding: 2rem 5vw;
    background-image: url(../images/bg__decoration__right.png);
    background-size: cover;
    background-position: 50% -7vh;
    display: flex;
}
.about__Text__Content{
    font-weight: 500;
    font-size: 0.9rem;
    text-align: center;
    color: #7b7b7b;
}
.about__Section__Profile{
    width: 100%;
    height: auto;
    background-color: #f4f1ee;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 0;
    gap: 1.5rem;
}
.about__Profile__Img{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.about__Profile__Img p{
    text-align: center;
    gap: 1rme;
}
.profile__Img{
    width: 50%;
    max-width: 275px;
}
.profile__Text1{
    color: #7b7b7b;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
}
.profile__Text2{
    color: #927559;
    font-size: 1.15rem;
    font-weight: bold;
}
.about__Profile__Desctiprion{
    padding: 0 5vw;
    font-weight: 500;
    font-size: 0.9rem;
    text-align: center;
    color: #7b7b7b;
}
.description__Section{
    width: 100%;
    height: auto;
    padding: 2rem 5vw;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.description__Section__Text1{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.description__Text1__Title{
    color: #7b7b7b;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25rem;
}
.description__Text1__Content{
    font-weight: 500;
    font-size: 0.9rem;
    text-align: center;
    color: #7b7b7b;
}
.description__Section__Text2{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    position: relative;
}
.description__Text2__Content{
    position: absolute;
}
.description__Text2__Title{
    color: #927559;
    font-weight: 500;
    width: 80%;
    text-align: center;
}
.description__Section__List{
    list-style: none;
    margin: 0;
    padding: 0;
}
.description__Section__List li{
    font-weight: 500;
    font-size: 0.9rem;
    color: #7b7b7b;
    text-align: center;
}
.description__Section__List li::before{
    content: "-";
}
.description__Text2__Info{
    font-weight: 500;
    font-size: 0.9rem;
    text-align: center;
    color: #7b7b7b;
}
.fees__Section{
    width: 100%;
    height: auto;
    background-color: #f4f1ee;
    padding: 2rem 5vw;
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fees__Section__Title{
    color: #7b7b7b;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25rem;
}
.fees__Section__Text1, .fees__Section__Text2, .fees__Section__Text3{
    width: 100%;
    height: auto;
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fees__Text1__Title, .fees__Text2__Title, .fees__Text3__Title{
    color: #927559;
    font-weight: 500;
    text-align: center;
}
.fees__Section__Info, .fees__Text1__Description, .fees__Text2__Description, .fees__Text3__Description{
    font-weight: 500;
    font-size: 0.9rem;
    text-align: center;
    color: #7b7b7b;
}
.notariusz__Img__Container{
    width: 100%;
    height: auto;
    position: relative;
    padding: 2rem 0;
}
.notariusz__Img{
    width: 106%;
    position: relative;
    left: -3.5%;
}
.contact__Section{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    background-color: white;
    padding: 2rem 5vw;
    padding-top: 0;
    gap: 1rem;
}
.contact__Content1__Title, .contact__Content2__Title, .contact__Content3__Title{
    color: #927559;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
}
.contact__Content2 div p, .contact__Content3 div p{
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    color: #7b7b7b;
    margin-bottom: 1rem;
}
.contact__Content1 div p{
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    color: #7b7b7b;
}
.contact__Content1 div{
    margin-bottom: 1rem;
}
footer{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;
}
.footer__Text1{
    font-weight: 500;
    color: #7b7b7b;
    font-size: 0.9rem;
}
.footer__Text2{
    color: #7b7b7b;
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
}
@media screen and (min-width: 600px) and (max-width: 899px){
    *{
        font-size: 110%;
    }
    .contact__Section *{
        font-size: initial;
    }
    .fees__Section__Title, .fees__Text1__Title, .fees__Text2__Title, .fees__Text3__Title,
    .description__Text2__Title, .description__Text1__Title{
        font-size: inherit;
    }
}
@media screen and (min-width: 900px){
    *{
        line-height: 1.5;
    }
    header{
        z-index: 999;
    }
    .mobile__Header{
        display: none;
    }
    .desktop__Header{
        padding: 1rem 0;
        display: flex;
        flex-direction: row;
        position: relative;
    }
    .left__Ul{
        position: relative;
        left: 5vw;
    }
    .emblem__Img{
        position: relative;
        left: 14.5vw;
    }
    .right__Ul{
        position: relative;
        left: 22.5vw;
    }
    .desktop__Header ul{
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        gap: 1.5vw;
    }
    .desktop__Header ul li{
        display: flex;
        flex-direction: row;
        gap: 1vw;
        align-items: center;
    }
    .tel__Link{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1vw;
    }
    .left__Ul li{
        font-size: 1.25vw;
        font-weight: bold;
        text-transform: uppercase;
    }
    .header__Text1{
        color: #8f867c;
    }
    .header__Text1 h2{
        font-size: 1.25vw;
        font-weight: bold;
        text-transform: uppercase;
    }
    .header__Text2{
        color: #ad8e6b;
    }
    .phone__Img{
        height: 3vw;
        max-height: 45px;
    }
    .emblem__Img{
        transform: scale(1.25);
        height: 3vw;
        max-height: 50px;
    }
    .right__Ul li{
        color: white;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.25vw;
        cursor: pointer;
    }
    .home__Section__Mobile{
        display: none;
    }
    .home__Section__Desktop{
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 100vh;
        max-height: 1080px;
        position: relative;
    }
    .home__Section__Logo{
        position: absolute;
        z-index: 990;
        width: 50%;
        background-color: #ece7e2;
    }
    .home__Section__Desktop div{
        width: 50%;
        height: 100%;
    }
    .name__Logo{
        width: 50%;
        max-width: 1000px;
        position: relative;
        z-index: 999;
    }
    .home__Section__Img{
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-left: 50%;
        position: absolute;
    }
    .table__Img{
        height: 100%;
        min-width: 800px;
        min-height: 900px;
    }
    .about__Section{
        display: none;
    }
    .desktop__About__Section{
        width: 100%;
        height: auto;
    }
    .description__Section{
        padding: 5rem 10vw;
        z-index: 991;
    }
    .description__Text2__Title{
        width: 100%;
        text-align: left;
    }
    .description__Text1__Content, .description__Text2__Info{
        font-size: 1.2rem;
    }
    .description__Text1__Content{
        font-size: 1.6rem;
        line-height: 1.75;
    }
    .description__Text2__Info{
        line-height: 2;
        transform: skew(-10deg, 0);
        font-size: 1.5rem;
    }
    .description__Section__List{
        align-self: flex-start;
    }
    .description__Section__List li{
        text-align: justify;
        font-size: 1.5rem;
    }
    .fees__Section{
        width: 92.5vw;
        border-radius: 50px 0 0 50px;
        height: auto;
        margin: 0;
        align-self: flex-end;
        padding: 5rem 10vw;
        padding-right: 17.5vw;
        background-image: url(../images/fees_bg.png);
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: 300px 480px;
        background-color: #e9e3de;
    }
    .fees__Text1__Description, .fees__Text2__Description{
        margin-bottom: 3rem;
    }
    .description__Text1__Title, .fees__Section__Title{
        font-size: 1.75rem;
        padding-bottom: 3rem;
    }
    .description__Text2__Title, .fees__Text1__Title, .fees__Text2__Title, .fees__Text3__Title{
        font-size: 1.7rem;
        font-weight: 600;
    }
    .fees__Text1__Description, .fees__Text2__Description, .fees__Text3__Description, .fees__Section__Info{
        font-size: 1.5rem;
    }
    .notariusz__Img__Container{
        padding: 5rem 8vw;
        display: flex;
        justify-content: center;
    }
    .notariusz__Img{
        width: 100%;
        position: static;
        border-radius: 15px;
    }
    .contact__Section{
        display: none;
    }
    .desktop__Contact__Section *{
        line-height: normal;
    }
    .desktop__Contact__Section{
        width: 100%;
        height: auto;
        padding: 2rem 5vw;
        padding-top: 0;
        display: flex;
        flex-direction: row;
        gap: 5vw;
    }
    .desktop__Contact__Content1, .desktop__Contact__Content2{
        height: auto;
        padding: 1rem;
        padding-top: 0;
    }
    .desktop__Contact__Content1{
        width: 60%;
    }
    .desktop__Contact__Content2{
        width: 40%;
    }
    .contact__Content1__Title, .contact__Content3__Title{
        margin-bottom: 0;
        align-items: flex-start;
    }
    .desktop__Contact__Content2{
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .desktop__Contact__Content1{
        display: flex;
        flex-direction: row;
        padding: 0;
        gap: 1rem;
    }
    .content1__Img, .content1__Info{
        height: 100%;
    }
    .content1__Img{
        width: 60%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 1rem;
    }
    .desktop__Contact__Logo{
        width: 75%;
        max-width: 320px;
        margin-right: 5vw;
    }
    .content1__Info{
        width: 40%;
    }
    .content1__Info{
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding: 1rem;
        padding-top: 0;
        padding-right: 0;
        margin-left: 2.5vw;
    }
    .contact__Content2__Title{
        align-items: flex-start;
        margin: 0;
    }
    .desktop__Contact__Text{
        font-weight: 500;
        color: #7b7b7b;
        font-size: 1.4rem;
    }
    .contact__Content2__Title, .contact__Content1__Title, .contact__Content3__Title{
        font-weight: 600;
        color: #927559;
        font-size: 1.5rem;
        margin-bottom: 1rem;
        padding-top: 1rem;
    }
    .desktop__Contact__Content2{
        padding-left: 0;
    }
    .desktop__About__Section{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-image: url(../images/logo__bg2.png);
        background-size: 80%;
        background-position: 0%;
        background-repeat: no-repeat;
    }
    .desktop__About__Title{
        width: 100%;
        height: auto;
        padding: 3rem 10vw;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
    .desktop__Quote{
        color: #927559;
        text-align: center;
        font-weight: 500;
        font-size: 2.5rem;
        transform: skew(-10deg, 0);
    }
    .desktop__Title__Text{
        color: #7b7b7b;
        font-weight: 600;
        font-size: 1.75rem;
        text-align: center;
    }
    .desktop__About__Description{
        width: 100%;
        height: auto;
        min-height: 800px;
        padding-top: 3rem;
        padding-bottom: 0;
        margin-bottom: 10vh;
        padding-right: 12.5vw;
        padding-left: 30vw;
        display: flex;
        flex-direction: column;
        gap: 3rem;
        position: relative;
    }
    .about__Text{
        color: #7b7b7b;
        font-weight: 500;
        line-height: 2;
        font-size: 1.6rem;
    }
    .about__Contact{
        color: #927559;
        font-weight: 600;
        font-size: 1.3rem;
        cursor: pointer;
        z-index: 999;
        font-size: 1.6rem;
        margin-top: -25px;
    }
    .desktop__About__Profile{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 3rem 0;
        padding-bottom: 0;
    }
    .profile__Container{
        width: 95vw;
        max-width: 1450px;
        min-width: 700px;
        height: auto;
        min-height: 750px;
        max-height: 1300px;
        display: flex;
        flex-direction: row;
        background-color: #f4f1ee;
        border-radius: 15px;
        z-index: 999;
        border-radius: 15px;
        outline: 10px white solid;
        margin-bottom: 2rem;
    }
    .profile__Text{
        width: 50%;
        min-width: 315px;
        height: auto;
        padding: 5% 3vw;
        padding-bottom: 1rem;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
        border-radius: 15px 0 0 15px;
    }
    .profile__Text1{
        font-weight: 500;
        font-size: 1.5rem;
    }
    .profile__Text2{
        font-size: 1.75rem;
    }
    .profile__Text3{
        font-weight: 500;
        font-size: 1.6rem;
        color: #7b7b7b;
        line-height: 1.75;
        gap: 0;
    }
    .profile__Text3__H3{
        margin: 0;
        margin-top: -2.5rem;
        padding: 0;
        font-weight: 500;
        font-size: 1.6rem;
        color: #7b7b7b;
        line-height: 1.75;
    }
    .desktop__Profile__Img{
        width: 50%;
        min-width: 360px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-self: center;
        align-items: center;
        overflow: hidden;
        border-radius: 0 15px 15px 0;
    }
    .dt__Profile__Img{
        min-height: 550px;
        height: 100%;
        position: relative;
    }
    .desktop__City{
        width: 27.5vw;
        max-width: 450px;
        position: absolute;
        z-index: 1;
        margin-left: -30vw;
        margin-top: 0.5rem;
    }
    .desktop__City__Img{
        width: 100%;
        position: relative;
        top: -10px;
        border-radius: 0 15px 15px 0;
    }
    .desktop__About__Container{
        width: 100%;
        height: auto;
        position: relative;
    }
    footer{
        width: 100%;
        height: auto;
        padding: 1.5rem 1rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .contact__Content1__Title, .contact__Content2__Title{
        padding-top: 0;
    }
}
@media screen and (min-width: 900px) and (max-width: 1099px){
    .desktop__Contact__Text {
        font-size: 1.35rem;
    }
}