* {box-sizing: border-box;}
body {
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 15px;
    color: var(--color-text);
    margin: 0 16px; padding: 0;
    background: #fff;
}
body, html {height: 100%;}

.wrapper {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	/* position: relative; */
}

#content{width: 100%;}
#content > div{display: flex; flex-direction: row; margin-left: 150px;}
#content > div:not(.messages) > div{flex:1; padding-left: 8px;}
#content > div:not(#rows) {padding-left: 8px;}
/* #rows{position: relative; padding: 0;} */

@media (max-width: 1080px) {
	#content > div{flex-direction: column;}
	#content > div > div:first-child{margin-right: 0;}
}

@media (max-width: 758px) {
	body {margin: 0 4px;}
	#content > div:not(#rows),
	#content > div:not(.messages) > div{padding-left: 0;}
	#content > div{margin-left: 0;}
}