/*
This CSS forces the layout with the class 'desktop-flex'
to display horizontally on screens wider than 1024px.
*/

@media screen and (min-width: 1024px) {
    .desktop-flex {
        display: flex;
        flex-wrap: nowrap; /* Prevent columns from wrapping */
    }
    .desktop-flex > div {
        flex: 1; /* Make columns fill available space evenly */
    }
}

/* Make website full width */
.zoneInner, .zoneWrap, .zoneInner > .WaPlaceHolder {
    max-width: 100%;
}