#mainBody {
    flex: 1;
}
.orderProject {
    width: 100%;background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(217, 217, 217, 1));
    padding: 20px 0 40px 0;
    border-bottom-right-radius: 40px;
}
.orderProject .desc {
    width: 90%;
    max-width: 530px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.6);
    text-align: center;
    margin: 30px auto 10px auto;
    border-radius: 30px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.6);
    transition: all .3s ease;
}
.fallback .desc {
    background-image: url("../img/other/konsultacja/konsultacja.jpg");
}
.webp .desc {
    background-image: url("../img/other/konsultacja/konsultacja-75.webp");
}
.avif .desc {
    background-image: url("../img/other/konsultacja/konsultacja-30.avif");
}
.orderProject .bgDark {
    transition: all .3s ease;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 30px 20px;
    border-radius: 30px;
    box-sizing: border-box;
}
.orderProject .desc h3 {
    margin: 10px 0 20px 0;
    font-size: 24px;
}
.orderProject .desc p {
    padding: 0 20px;
}
.orderProject .desc a {
    color: #9cd7c5;
    text-decoration: none;
}
.orderProject .desc a:visited {
    color: rgb(57, 154, 123);
}
.orderProject .linkButton {
    display: block;
    width: 80%;
    max-width: 350px;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    background-image: linear-gradient(#8ec0b2, #49927c);
    border-radius: 15px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);
}
.orderProject .linkButton:hover {
    transform: scale(1.05);
    transition: all .3s ease;
}
.swiper {
    flex: 0;
    display: none;
}
.greyBg {
    background-color: rgb(217, 217, 217);
}
#contactBackground {
    position: relative;
    box-sizing: border-box;
    border-radius: 40px 0 0 40px;
    width: 100%;
    padding: 40px 20px;
    z-index: 2;
    background-color: #fff;
    border-radius: 40px 0 0 40px;
}
#classicContact {
    padding: 30px 20px;
    background-color: #49927c;
    color: #fff;
    border-radius: 30px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.6);
}
#classicContact h3 {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    font-size: 24px;
}
#classicContact > h4 {
    text-align: center;
}
.contactBrand {
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
}
.contactWay {
    transition: all .3s ease;
    display: flex;
    align-items: center;
    height: 60px;
    width: 100%;
}
.contactWay img {
    width: 28px;
    vertical-align: middle;
}
.contactWay p {
    width: max-content;
    display: flex;
    align-items: center;
    vertical-align: middle;
    font-size: 18px;
    padding-left: 15px;
    margin: 10px 0;
    font-weight: 600;
}

#quickContact {
    background-color: rgb(217, 217, 217);
    border-top-right-radius: 40px;
    text-align: center;
    padding-bottom: 40px;
}
#quickContact h2 {
    text-align: center;
    margin: 0;
    padding: 30px 0 20px 0;
}
#quickContact input[type="text"] {
    width: 80%;
    max-width: 400px;
    height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
}
#name:focus-visible, #mail:focus-visible, #message:focus-visible {
    outline: 3px solid rgb(57, 154, 123);
}
#quickContact #message {
    width: 90%;
    max-width: 700px;
    height: 200px;
    box-sizing: border-box;
    padding: 10px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
}
#quickContact #rodoWrapper {
    width: max-content;
    margin: 20px auto 0 auto;
}
#rodoWrapper a {
    color: rgb(57, 154, 123);
}
#quickContact input[type="submit"] {
    display: block;
    width: 70%;
    max-width: 350px;
    background-color: #95dac5;
    border: none;
    margin: 30px auto 0 auto;
    padding: 15px;
    text-align: center;
    color: #000;
    font-size: 18px;
    background-image: linear-gradient(#8ec0b2, #49927c);
    border-radius: 15px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);
}
#quickContact input[type="submit"]:hover {
    cursor: pointer;
    background-color: #439e83;
    color: #fff;
}
#quickContact input[type="submit"]:active {
    position: relative;
    top: -3px;
}

/* SOCIALE - IKONY */
#socialsBox {
    display: flex;
}
.socialsItem {
    flex: 1;
    padding: 30px 30px 0 30px;
    text-align: center;
}
.socialsItem picture {
    height: max-content;
}
.socialsItem img {
    width: 50px;
}
.facebook img {
    filter: drop-shadow(0 0 5px #4267B2);
}
.instagram img {
    filter: drop-shadow(0 0 5px #c13584d2);
}

@media screen and (min-width: 430px) {
    .contactWay {
        max-width: max-content;
        margin: 0 auto;
        text-align: center;
    }
}
@media screen and (min-width: 600px) {
    .contactBrand {
        max-width: 950px;
        transition: all .3s ease;
        flex-direction: row;
        justify-content: center;
        margin: 50px auto;
    }
    .contactBrand .contactWay {
        transition: all .3s ease;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .contactBrand .contactWay p {
        font-size: 22px;
    }
    .contactBrand .contactWay .imgWrap::after {
        padding-left: 10px;
        font-weight: 600;
    }
    .contactBrand .contactWay .phoneWrap::after {
        content: "TELEFON";
    }
    .contactBrand .contactWay .mailWrap::after {
        content: "E-MAIL";
    }
    .location .contactWay {
        margin: 15px auto;
    }
}
@media screen and (min-width: 800px) {
    #quickContact input[type="text"] {
        margin: 0 20px 20px 20px;
        width: 320px;
    }
    .orderProject {
        background-image: url("../img/other/konsultacja/konsultacja-30.avif");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding: 0;
        border-radius: 0 0 40px 40px;
    }
    .bgDarkDesktop {
        display: block;
        transition: all .3s ease;
        background-color: rgba(0, 0, 0, 0.6);
        padding: 20px 0 30px 0;
        border-radius: 0 0 40px 40px;
        width: 100%;
    }
    .orderProject .desc {
        background: none;
        box-shadow: none;
        margin: 0 auto;
        max-width: 650px;
        transition: all .3s ease;
    }
    .orderProject .desc h3 {
        font-size: 32px;
        margin-bottom: 40px;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
    }
    .orderProject .desc p {
        font-size: 20px;
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
    }
    .desc .bgDark {
        background: none;
        box-shadow: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .greyBg {
        background: none;
    }
    #contactBackground {
        background: none;
    }
    #quickContact {
        border-radius: 40px 40px 0 0;
    }
}
@media screen and (min-width: 900px) {
    .orderProject .desc {
        display: flex;
        width: max-content;
        transition: all .3s ease;
        margin: 20px auto;
        flex: 1;
        align-items: center;
        justify-items: center;
    }
    .orderProject .desc .bgDark {
        height: max-content;
    }
    .orderProject {
        width: 100%;
    }
    .bgDarkDesktop {
        display: flex;
        flex-direction: row;
        transition: all .3s ease;
    }
    .mobileButtons {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: center;
        transition: all .3s ease;
    }
    .orderProject .linkButton {
        padding: 20px 15px;
    }
}
@media screen and (min-width: 1100px) {
    .orderProject, .bgDarkDesktop {
        border-radius: 0;
    }
    .bgDarkDesktop {
        padding: 50px 40px;
        box-sizing: border-box;
        gap: 50px;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 45%, rgba(203, 203, 203, 0.7) 65%, rgb(220, 220, 220) 90%);
    }
    .mobileButtons {
        display: none;
    }
    .swiper-slide {
        height: auto !important;
    }
    .swiper {
        flex: 1;
        max-width: 900px;
        display: flex;
        height: 100%;
        border-radius: 30px;
        box-shadow:  0 0 10px 0 rgba(0, 0, 0, 0.6);
    }
    .fallback .getHSProjectWrap {
        background-image: url("../img/pocztowki/home-staging-bed-kitchen/home-staging-bed-kitchen.jpg");
    }
    .webp .getHSProjectWrap {
        background-image: url("../img/pocztowki/home-staging-bed-kitchen/home-staging-bed-kitchen-75.webp");
    }
    .avif .getHSProjectWrap {
        background-image: url("../img/pocztowki/home-staging-bed-kitchen/home-staging-bed-kitchen-30.avif");
    }
    .fallback .getIDProjectWrap {
        background-image: url("../img/other/cactus-garden/cactus-garden.jpg");
    }
    .webp .getIDProjectWrap {
        background-image: url("../img/other/cactus-garden/cactus-garden-75.webp");
    }
    .avif .getIDProjectWrap {
        background-image: url("../img/other/cactus-garden/cactus-garden-30.avif");
    }
    .getHSProjectWrap, .getIDProjectWrap {
        text-align: center;
        color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 30px;
        box-shadow: 0 0 30px -1px rgba(0, 0, 0, 0.4) inset;
        height: 100%;
    }
    .desktopOrderWrap .bgDark {
        padding-right: 10%;
        padding-left: 10%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        flex: 1;
    }
    .desktopOrderWrap h3 {
        font-size: 24px;
    }
    .desktopOrderWrap p {
        transition: all .2s ease;
        max-width: 460px;
        margin-left: auto;
        margin-right: auto;
        margin: 0 0 20px 0;
    }
    .orderProject .linkButton {
        align-self: flex-end;
        margin-top: auto;
    }
    .desktopContactWrap {
        position: relative;
        margin: 50px 0;
        z-index: 1;
        box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.4);
    }
    .fallback .desktopContactWrap {
        background-image: url("../img/other/cactus-garden/cactus-garden.jpg");
    }
    .webp .desktopContactWrap {
        background-image: url("../img/other/cactus-garden/cactus-garden-75.webp");
    }
    .avif .desktopContactWrap {
        background-image: url("../img/other/cactus-garden/cactus-garden-30.avif");
    }
    .desktopContactWrap .bgDark {
        display: flex;
        position: relative;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        padding: 0 0 150px 0;
    }
    .desktopGreyBG {
        position: absolute;
        left: 40%;
        right: 0;
        top: 0;
        bottom: 10%;
        background: rgba(206, 206, 206, 0.9);
        border-bottom-left-radius: 30px;
        z-index: 3;
    }
    .greyBg, #formBackground {
        position: relative;
        z-index: 4;
    }

    /* Kontakt info (zielone) */
    .greyBg {
        flex: 3;
        height: max-content;
        margin-left: 50px;
        margin-top: 80px
    }
    #contactBackground {
        padding: 0;
    }
    #classicContact h3, #classicContact .contactBrand, #classicContact .location {
        margin-left: 10%;
    }
    #classicContact {
        padding-left: 0;
    }
    #classicContact h3, #classicContact h4 {
        text-align: left;
    }
    #classicContact h4 {
        display: none;
    }
    .contactWay, .location .contactWay {
        margin: 0;
        text-align: left;
    }
    .contactBrand {
        flex-direction: column;
        margin: 20px 0 0 0;
    }
    .contactBrand .contactWay {
        flex-direction: row;
    }
    .contactBrand .contactWay p {
        font-size: 20px;
        font-weight: 400;
    }
    .contactBrand .contactWay .imgWrap::after {
        display: none;
    }

    /* Formularz kontaktowy */
    #formBackground {
        flex: 3;
        margin-top: 60px;
    }
    #quickContact {
        background: none;
        text-align: left;
        padding: 0 50px 0 50px;
    }
    #quickContact h2 {
        text-align: left;
        padding-left: 5px;
        padding-top: 0;
    }
    #quickContact input[type="text"] {
        display: block;
        margin-left: 0;
        margin-right: auto;
    }
    #quickContact #message {
        width: calc(90% + 50px);
    }
    #quickContact #rodoWrapper {
        margin-left: 0;
    }
    #quickContact input[type="submit"] {
        margin-left: 0;
    }
}
@media screen and (min-width: 1350px) {
    .desktopOrderWrap .bgDark {
        transition: all .3s ease;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .desktopOrderWrap p {
        font-size: 20px;
    }
    .getProjectDescWrap {
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1500px) {
    #classicContact {
        padding-right: 10%;
    }
    .contactBrand {
        flex-direction: row;
        justify-content: left;
        gap: 100px;
        margin-bottom: 30px;
    }
    .contactBrand .contactWay {
        flex-direction: column;
        margin: 20px 0;
    }
    .contactBrand .contactWay .imgWrap::after {
        display: inline;
    }
    #classicContact h3 {
        margin-left: calc(120px + 15%);
    }
    #classicContact .location .contactWay {
        margin-bottom: 20px;
    }
    .desktopFlexWrap {
        display: flex;
        gap: 10px;
    }
    #quickContact input[type="text"] {
        display: inline;
        max-width: 300px;
        margin-right: 0;
    }
    #quickContact #rodoWrapper {
        margin-left: auto;
        margin-right: auto;
    }
    #quickContact input[type="submit"] {
        margin-left: auto;
        margin-right: auto;
    }
    #quickContact h2 {
        margin-bottom: 20px;
    }
    #message {
        margin-top: 10px;
    }
}
@media screen and (min-width: 2000px) {
    .orderProject .desc {
        transform: scale(1.2);
    }
}