.d0scrollingwrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } 
.d0scrollcard { display: inline-block; padding: 0 5px; vertical-align: top; }

@media only screen and (min-width: 800px) {.d0scrollbox {background-color: #7785C1; margin-top: 1em; margin-bottom: 1em; padding:20px; max-width: 480px; min-height:410px; display: flex; align-items: center; flex-direction: column; justify-content: start; white-space: normal;}}

@media only screen and (max-width: 799px) {.d0scrollbox {background-color: #7785C1; margin-top: 1em; margin-bottom: 1em; padding:20px; max-width: 280px; min-height:630px; display: flex; align-items: center; flex-direction: column; justify-content: start; white-space: normal;}}