#root_flex {
    background-color: #8E8E8E;
    background-image: url("https://s7d1.scene7.com/is/image/TitanProd/yellow-pink-gradient-mobile?$pjpeg$&jpegSize=100&wid=360");
    background-size: cover;
    background-position: 50% 50%;
    color: #D7373F;
}

@media screen and (min-width: 600px) {
    #root_flex {
        background-image: url("https://s7d1.scene7.com/is/image/TitanProd/yellow-pink-gradient-mobile?$pjpeg$&jpegSize=100&wid=360");
        background-size: cover;
        background-position: 50% 50%;
    }
}

@media screen and (min-width: 1200px) {
    #root_flex {
        background-image: url("https://s7d1.scene7.com/is/image/TitanProd/yellow-pink-gradient?$pjpeg$&jpegSize=300&wid=1440");
        background-size: cover;
        background-position: 50% 50%;
    }

    #root_flex > .dexter-FlexContainer-Items > *:nth-child(1) {
        width: auto;
        max-width: 100%;
        min-height: auto;
    }
}

#root-flex-items > .dexter-FlexContainer-Items > *:nth-child(1),
#root-flex-items > .dexter-FlexContainer-Items > *:nth-child(2),
#root-flex-items > .dexter-FlexContainer-Items > *:nth-child(3),
#root-flex-items > .dexter-FlexContainer-Items > *:nth-child(4) {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: auto;
}

#root-flex-items > .dexter-FlexContainer-Items > *:nth-child(5) {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: 10px;
}

@media screen and (min-width: 1200px) {
    #root-flex-items > .dexter-FlexContainer-Items > *:nth-child(1),
    #root-flex-items > .dexter-FlexContainer-Items > *:nth-child(2),
    #root-flex-items > .dexter-FlexContainer-Items > *:nth-child(3),
    #root-flex-items > .dexter-FlexContainer-Items > *:nth-child(4) {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto;
        min-height: auto;
    }
}

#root-flex-items_items_spacer {
    height: 10px;
}