.development-header {
    position: relative; /* This makes child elements position relative to this container */
    max-width: 1920px;
    margin: 0 auto;
}

.development-header img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    display: block; /* Ensures no margin/padding around the image */
}

.development-title {
    position: absolute; /* This will position the title relative to the development-header */
    bottom: 10px; /* Space from the bottom */
    left: 10px; /* Space from the left */
    /*color: #ffffff;*/ /* Assuming you want the title to be white. Adjust if necessary. */
    /*background-color: rgba(0, 0, 0, 0.5);*/ /* Black background with 50% opacity for better readability */
    padding: 5px 10px; /* Some space around the text */
    border-radius: 5px; /* Rounded edges for the background */
    width: 100%;
}
.development-title h1 {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    max-width: 1440px;
    margin: 0 auto;
}


.development-content-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px;
}

.development-entry img {
    max-width: 100%;
    height: auto;
}

.development-entry h2 {
    font-size: 2em;
    margin-bottom: 10px;
}

.development-description {
    margin-bottom: 20px;
}

.development-amenities h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.development-amenities ul {
    list-style-type: disc;
    margin-left: 20px;
}