section.banner {
    background: url('../../assets/images/cozumel_real_state/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.what_male_cozumel_real_state {
    background: url('../../assets/images/playa_del_carmen/yellow.jpg')no-repeat;
    background-position-y: 140px;
    background-size: 365px 600px;
    background-position-x: right;
    padding-bottom: 0 !important;
}

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

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


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

section.what_male_cozumel_real_state .image,
section.buying_real_state .image{
    position: relative;
}

section.what_male_cozumel_real_state .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_real_state .image::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 75px;
    height: calc(100% - 50px);
    background-color: white;
    right: -2;
}
section.what_male_cozumel_real_state h2,
section.buying_real_state h2{
    margin-bottom: 24px;
}

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

    section.what_male_cozumel_real_state,
    section.buying_real_state{
        background-position-y: 35px;
    }

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


@media (max-width: 991px) {
    section.what_male_cozumel_real_state h2,
    section.buying_real_state h2 {
        margin-bottom: 20px;
    }

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

    section.what_male_cozumel_real_state,
    section.buying_real_state{
        background: none;
    }

    section.what_male_cozumel_real_state .image::after,
    section.buying_real_state .image::after{
        display: none;
    }
    
}

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

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