/* Responsive constraints for Ranea website */

/* HTML and Body base styles */
html {
    display: flex;
    justify-content: center;
    background-color: #E1F6EA; 
    margin: 0 auto;
}

/* Body constraints */
body {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    background-color: #E1F6EA;
    overflow-x: hidden;
    position: relative;
}

/* Main container constraints */
.container-fluid {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0; /* Remove default padding */
    overflow-x: hidden;
}

/* Responsive image handling */
.img-fluid {
    width: 100%;
    height: auto;
    margin-top: -1px;
    display: block; /* Remove any inline spacing */
}


@media (min-width: 1201px) {
    
    body {
        width: 1920px; /* Force maximum width */
        max-width: 1920px;
    }
    
    /* Add indicator for above maximum width */
    body::after {
        content: "";
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        z-index: 9999;
    }
}