body {
    margin: 0;
    padding: 0;
}

a#w_top {
    display: block;
    width: 1140px;
    height: 250px; /* Fixed size for top banner */
    position: absolute; /* Change to absolute so it doesn't stick */
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* Center the top banner */
    background-size: cover;
    z-index: 10000;
}

a#w_left {
    display: block;
    width: 460px; /* Full width of the left banner */
    height: 100%; /* Full height of the viewport */
    position: fixed;
    top: 0;
    left: calc(50% - 570px - 460px); /* Ensure the left banner starts just outside the 1140px viewport */
    background-size: cover;
    z-index: 10000;
}

a#w_right {
    display: block;
    width: 460px; /* Full width of the right banner */
    height: 100%; /* Full height of the viewport */
    position: fixed;
    top: 0;
    right: calc(50% - 570px - 460px); /* Ensure the right banner starts just outside the 1140px viewport */
    background-size: cover;
    z-index: 10000;
}

a#w_bottom {
    display: block;
    width: 1140px;
    height: 100px; /* Fixed size for bottom banner */
    position: relative; /* Change to relative to stay within the document flow */
    margin: 50px auto 0; /* Center the bottom banner and add margin to push it below the content */
    background-size: cover;
    z-index: 10000;
}

#page-inner-wrap {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
    margin-top: 250px; /* Adjust this margin to match the height of the top banner */
}

@media screen and (max-width: 768px) {
    a#w_left, a#w_right {
        display: none; /* Hide the side banners when the screen is too small */
    }
}

@media screen and (max-width: 768px) {
    a#w_top {
        height: 60px; /* Adjust for mobile */
        background-size: contain; /* Ensure background scales well on smaller screens */
    }
    a#w_left, a#w_right, a#w_bottom {
        display: none;
    }
    #page-inner-wrap {
        width: 100%; /* Make sure the content fits mobile screen */
        margin-top: 60px; /* Adjust this margin to match the height of the top banner for mobile */
    }
}
