/* Reformat based on screen size */
@media screen and (max-width: 800px) {
.talk header .logged-out li, .talk header .logged-in li {display: block;}
.talk header .logged-in {margin-top: 55px;}
.talk header .logged-in .pipe {display:none}
.talk .bucket-wrapper {flex-wrap: wrap;}
.talk .bucket {width: 48%}
.talk .left-col,
.talk .right-col {width:100%; margin: 0; float: none}
.talk .left-col {margin-bottom: 100px}
.splash-page.basic-layout main {padding: 40px 0}
.talk .top-bar button {float: right;}
.talk .top-bar {width: 300px; float: left;}
.talk .top-bar label {margin: 0 0 3px 0;}
.talk .sent-by-col,
.talk .date-time-col,
.talk .message-col,
.talk .buttons-col,
.talk .message-col.past-message {width: 100%}
.talk .message-titles {display: none}
.talk .top-bar button {float: left; margin: 0 0 20px 0;}
.talk .reply-message-col {width: 100%;}
.talk .reply-message-col.past-reply {width: 100%; float: left; margin-left: 0px; box-sizing: border-box}
}