.box-wrap {
}
.box h2 {
	padding: 3px 7px;
	font-size: 12pt;
}
.box ul li {
	list-style: none;
	margin: 0;
}
.mainBox h2 {
	padding: 12px;
}
.mainBox table th {
    min-width: 20%;
}
.box.image {
	width: 100%;
	min-width: 300px;
	max-height: 700px;
    /* max-width: 294px; */
	overflow-x: hidden;
	overflow-y: auto;
}
.box img,video {
	float: left;
	margin: 3px;
	width: auto !important;
    max-width: 290px;
	height: 80px !important;
	border: 1px solid var(--border-red);
}
.icon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100px;
}
.imageofnow {
	display: block;
	margin: auto;
	opacity: 0.9;
    max-width: 60%;
}
.quoteofnow {
    font-family: var(--font-monospace);
    color: var(--fg-esoteric);
	text-align: center;
	font-size: 12pt;
}
.description {
	font-weight: bolder;
	text-align: center;
}
.boardlinksurl {
	float: left;
	margin-right: 100px;
}

/* LEFT MENU */
* {
    box-sizing: border-box;
}

#container {
    margin: 0 auto;
}

#navbar {
    height: 40px;
    width: 100%;
}

#navbar ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: space-evenly;
}

#navbar li {
    padding-top: 10px;
}

#flex {
    display: flex;
}

aside {
    background: var(--bg) url(stylesheets/ui-bg_waves.png) repeat;
    padding: 10px;
}

main {
    flex: 1;
    order: 2;
    padding: 10px;
}

#leftSidebar {
    order: 1;
    max-width: 340px;
}

#rightSidebar {
    order: 3;
    max-width: 340px;
}

.nav-box {
    background-color: var(--bg);
}
.nav-box ul {
    margin-left: -20px;
    line-break: anywhere;
}

/* Phone */
@media only screen and (max-width: 800px) {
    main {order: 1;max-width: 100%;}
    .box-wrap {max-width: 100%;}
    .imageofnow {max-width: 100%;}
    #flex {flex-wrap: wrap;}
    aside {width: 100%;}
    #leftSidebar {order: 2;max-width:100%;}
    #rightSidebar {order: 3;max-width:100%;}
    #navbar ul {flex-wrap: wrap;}
    table img {max-width: 60%;}
}