@media only screen and (max-width: 992px) {
    .estate-info {
        width: 100%;
    }
    .estate-row {
        width: 100%;
        height: 50vw;
    }
    .estate-photo {
        height: 70vw;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        width: 100%;
    }
    .estate-paragraph {
        box-sizing: border-box;
        padding: 10vw 10vw;
        width: 100%;
        display: flex;
        font-size: 4vw;
        text-align: left;
        /* justify-content: center; */
        align-items: center;
        font-weight: 300;
    }

    .main-paragraph {
        box-sizing: border-box;
        padding: 10vw 10vw;
        width: 100%;
        font-size: 4vw;
        text-align: left;
        border-left: 1px solid #3d3d3d;
        /* justify-content: center; */
        align-items: center;
        font-weight: 300;
    }

    .rodzina-photo {
        background-image: url("../img/rodzina.jpg");
    }
    .mieszkanie-photo {
        background-image: url("../img/mieszkanie.jpg");
    }
    .klatka-photo {
        background-image: url("../img/klatka.jpg");
    }
    .banany-photo {
        background-image: url("../img/banany.jpg");
    }
    .to-left {
        float: left;
    }
    .to-right {
        float: right;
    }
    .to-left.in-view {
        animation: fadeInLeftBig;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        backface-visibility: hidden;
    }
    .to-right.in-view {
        animation: fadeInRightBig;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        backface-visibility: hidden;
    }
    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            transform: translate3d(-100px, 0, 0);
            filter: grayscale(100%);
        }
        to {
            opacity: 1;
            transform: none;
        }
    }
    .fadeInLeftBig {
        animation-name: fadeInLeftBig;
    }
    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            transform: translate3d(100px, 0, 0);
            filter: grayscale(100%);
        }
        to {
            opacity: 1;
            transform: none;
        }
    }
    .fadeInLeftBig {
        animation-name: fadeInRightBig;
    }
    #map {
        box-sizing: border-box;
        height: 100%;
        width: 100%;
    }
    .blue {
        background-color: #2c4975;
        color: white;
    }
        .estate-paragraph button {
        margin-top: 1.9vw;
        font-weight: 300;
        font-size: 4vw;
        color: white;
        /*         margin: 0 auto; */
        background: black;
        border: none;
        text-transform: uppercase;
        padding: 1vw 4vw;
        position: relative;
        display: block;
        margin: 10vw auto;
    }
        .estate-paragraph h1 {
        margin-bottom: 5vw;
        font-weight: 300;
        font-size: 6vw;
      }
      
      .estate-paragraph h1::before {
        content: "";
        border-left: 3px solid #3d3d3d;
        height: 100%;
        margin-right: 3vw;
      }

      .main-paragraph h1 {
        margin-bottom: 2vw;
        font-weight: 300;
        font-size: 6vw;
      }

      .main-paragraph button {
        margin-top: 0;
        font-weight: 300;
        font-size: 4vw;
        color: white;
        /*         margin: 0 auto; */
        background: black;
        border: none;
        text-transform: uppercase;
        padding: 1vw 4vw;
        position: relative;
        display: block;
        margin: 10vw auto;
    }
}

@media only screen and (min-width: 992px) {

    .estate-paragraph button {
        margin-top: 1.9vw;
        font-weight: 300;
        font-size: 1.2vw;
        color: white;
        /*         margin: 0 auto; */
        background: black;
        border: none;
        text-transform: uppercase;
        padding: .5vw 2vw;
        position: relative;
        display: block;
    }

    .estate-paragraph h1 {
        margin-bottom: 5vw;
        font-weight: 300;
        font-size: 1.5vw;
      }
      

      .estate-paragraph h1::before {
        content: "";
        border-left: 3px solid #3d3d3d;
        height: 100%;
        margin-right: 1vw;
      }
    .estate-info {
        width: 100%;
    }
    .estate-row {
        width: 100%;
        height: 25.5vw;
    }
    .estate-photo {
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        width: 50%;
    }
    .estate-paragraph {
        box-sizing: border-box;
        padding: 3.2vw 4.4vw;
        height: 100%;
        width: 50%;
        display: flex;
        font-size: 1vw;
        text-align: justify;
        /* justify-content: center; */
        align-items: center;
        font-weight: 300;
    }
    .main-paragraph {
        background: #ebecec;
        box-sizing: border-box;
        padding: 3.2vw 4.4vw;
        /* height: 100%; */
        width: 100%;
        font-size: 1vw;
        text-align: justify;
        /* justify-content: center; */
        align-items: center;
        font-weight: 300;
        margin: 2vh;
    }
    .main-paragraph-inner {
        box-sizing: border-box;
        padding: 0 3.2vw 3.2vw 2vw;
        height: 100%;
        width: 100%;
        font-size: 1vw;
        text-align: justify;
        /* justify-content: center; */
        align-items: center;
        font-weight: 300;
        border-left: 3px solid #3d3d3d;        
    }

    .main-paragraph h1 {
        margin-bottom: 2vw;
        font-weight: 300;
        font-size: 3vw;
      }

      .main-paragraph button {
        /* margin-top: 1.9vw; */
        font-weight: 300;
        font-size: 1.2vw;
        color: white;
        /*         margin: 0 auto; */
        background: black;
        border: none;
        text-transform: uppercase;
        padding: .5vw 2vw;
        position: relative;
        display: block;
    }

    .rodzina-photo {
        background-image: url("../img/rodzina.jpg");
    }
    .mieszkanie-photo {
        background-image: url("../img/mieszkanie.jpg");
    }
    .klatka-photo {
        background-image: url("../img/klatka.jpg");
    }
    .banany-photo {
        background-image: url("../img/banany.jpg");
    }
    .to-left {
        float: left;
    }
    .to-right {
        float: right;
    }
    .to-left.in-view {
        animation: fadeInLeftBig;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        backface-visibility: hidden;
    }
    .to-right.in-view {
        animation: fadeInRightBig;
        animation-duration: 1s;
        animation-delay: 0s;
        animation-fill-mode: both;
        backface-visibility: hidden;
    }
    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            transform: translate3d(-100px, 0, 0);
            filter: grayscale(100%);
        }
        to {
            opacity: 1;
            transform: none;
        }
    }
    .fadeInLeftBig {
        animation-name: fadeInLeftBig;
    }
    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            transform: translate3d(100px, 0, 0);
            filter: grayscale(100%);
        }
        to {
            opacity: 1;
            transform: none;
        }
    }
    .fadeInLeftBig {
        animation-name: fadeInRightBig;
    }
    #map {
        box-sizing: border-box;
        height: 100%;
        width: 50%;
    }
    .blue {
        background-color: #2c4975;
        color: white;
    }
}