section.banner {
    background: url('../../assets/images/real_state_in_tulum/banner.jpg')no-repeat center center/cover;
    height: 800px;
    display: flex;
    align-items: center;
}

section.banner h1 {
    margin-bottom: 24px;
}

section.banner h1,
section.banner p {
    color: white;
}

section .wrapper {
    width: 100%;
    max-width: calc(1528px + calc(60px - 12px));
    margin: 0 auto;
    padding: 0 calc(60px - 12px);
}

section.banner .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1098px;
    margin: 0 auto;
}


section.discover_the_advantage {
    background: url('../../assets/images/playa_del_carmen/yellow.jpg')no-repeat;
    background-position-y: 140px;
    background-size: 365px 600px;
    background-position-x: right;
}

section.discover_the_advantage .image {
    max-width: 100%;
}

section.discover_the_advantage .row:first-child {
    margin-bottom: 104px;
}


section.buying_and_owning_realstate {
    background: url('../../assets/images/playa_del_carmen/yellow.jpg')no-repeat;
    background-position-y: 140px;
    background-size: 365px 600px;
    background-position-x: left;
}

section.discover_the_advantage .image,
section.buying_and_owning_realstate .image {
    position: relative;
}

section.discover_the_advantage .image::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 75px;
    height: calc(100% - 50px);
    background-color: white;
    left: 0;
}

section a b {
    color: black;
}

section.buying_and_owning_realstate .image::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 75px;
    height: calc(100% - 50px);
    background-color: white;
    right: 0;
}

section.discover_the_advantage h2,
section.buying_and_owning_realstate h2 {
    margin-bottom: 24px;
}

@media (max-width: 1200px) {
    section .wrapper {
        padding: 0;
    }

    section.discover_the_advantage,
    section.buying_and_owning_realstate {
        background-position-y: 35px;
    }

    section.discover_the_advantage .row:first-child {
        margin-bottom: 70px;
    }
}


@media (max-width: 991px) {

    section.discover_the_advantage h2,
    section.buying_and_owning_realstate h2 {
        margin-bottom: 20px;
    }

    section.discover_the_advantage .row:first-child {
        margin-bottom: 50px;
    }

    section.discover_the_advantage,
    section.buying_and_owning_realstate {
        background: none;
    }

    section.discover_the_advantage .image::after,
    section.buying_and_owning_realstate .image::after {
        display: none;
    }

}

@media (max-width: 767px) {
    section.discover_the_advantage .row:first-child{
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    section.banner {
        height: auto;
    }
}