@media all and (max-width: 900px) {
	
/* ALL */
	* {
		font-size: calc(1em + .1vw);
	}
	
	textarea, select, input.textbox {
		font-size: unset;
	}
	
	.hide-mobile {
		display: none;
	}
	
/* MODAL */
	.blocker::before {
		height: 50%;
	}
	
	#as_header_userbit {
  		width: 80vw;
	}
	
/* MENU */
	.navigation {
		top: 58px;
	}
	
	.mobilebutton {
		display: block;
		padding: 0px 20px 10px 20%;
    	position: absolute;
    	right: 0px;
		top: 7px;
	}
	
	.mobilebutton .material-symbols-outlined {
		font-size: 40px;
	}
	
	.header_sitename a {
		font-size: 1.5em;
	}
	
	.header_nav {
		flex-direction: column;
		margin-top: 0px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: 1px 1px 5px #222;
	}
	
	#header_links { 
		display: none;
	}
	
	ul.header_links li {
  		margin: 10px 0;
		display: block;
	}
	
	ul.header_links li a {
		display: flex;
		justify-content:center;
		width:95vw;
		background-color: var(--meddark);
		padding: 8px;
	}
	
	#welcomebar {
		padding: 10px;
	}
	
	.mobilememblock, .mobilememblock_member, .mobilememblock_guest, .mobilememblock_av {
		display: flex;
		flex-direction: column;
	}
	
	.userav {
		background-color: transparent;
	}
	
	.mobilememblock #welcomebar {
  		flex-direction: row;
  		gap: 10px;
		border-top: 1px solid var(--accent);
    	margin-top: 10px;
    	padding-top: 20px;
		text-align: center;
	}
	
	.mobilememblock #welcomebar .membar, .mobilememblock #welcomebar .guestbar {
		flex-grow:1;
		gap: 10px;
		display: flex;
		flex-direction: column;
	}
	
	.mobilememblock #welcomebar .userlinks {
		flex-direction: column;
  		align-items: stretch;
		gap: 10px;
	}
	
	.mobilememblock #welcomebar .userlinks a {
		background-color: var(--meddark);
		padding: 5px;
	}
	
	.mobilememblock .userlinks #logout::before {
  		border-top: 1px solid var(--accent);
  		content: '';
  		display: block;
  		position: relative;
  		top: -15px;
	}
	
	.mobilememblock .userlinks #logout {
  		margin-top: 10px;
	}
	
	#panel #welcomebar .userlinks, #panel #welcomebar .mobilememblock_av {
		display: none;
	}
	
	#panel #welcomebar .guestbar .userlinks {
 		display: flex;
	}
	
	#panel #welcomebar .guestbar {
  		display: flex;
  		gap: 20px;
		padding-right: 40px;
	}
	
	#headertoggle {
  		right: 0px;
		top: -43px;
		border-radius: 0;
		background: transparent;
		z-index: 10;
	}
	
/* BANNER */
	#logo {
		height: 350px;
		background-size: cover;
		background-position: center center;
	}

/* WRAPPERS */
	
	#container {
		backdrop-filter: unset;
	}
	
	#content {
  		padding: 0 10px 20px 10px;
	}

/* INDEX */

	.header_row.flex, .newsboxes.flex {
  		flex-direction: column;
	}
	
	.newsboxes.flex, .factions, .otms {
		margin-top:0px;
	}
	
	.header_row.flex .userav {
		display:none;
	}
	
	.icseason {
		flex-wrap: wrap;
	}
	
	.recentposts {
		max-height: 375px;
		min-height: 375px;
	}
	
	.factions {
		flex-direction: column;
		padding: 20px 10px;
		align-content:stretch;		
	}
	
	.factionbar {
		align-self: stretch;
	}
	
	.factionstats {
  		font-size: 85%;
	}
	
	/* FORUM INDEX */
	
	#cat_3_e, #oocsubf {
		flex-direction: column;
	}
	
	.icforum_block {
		flex-direction: column;
	}
	
	.icforum_subarea {
		flex-basis: 100%;
	}
	
	.icforum_subarea_lastpost {
		flex-direction: column;
		gap: 5px;
		text-align: center;
	}
	
	/* FORUMS */
	.icforums_fdsub_desc, .icforums_fdsub_desc .descdetails {
  		flex-direction:column;
	}
	
	.icforums_fdsub_desc .forumrules {
		min-width: 100%;
		max-width: 100%;
	}
	
	.icforum_subarea_desc {
  		min-height: 150px;
	}
	
	.icforum_subarea_name a {
  		height: 2.5em;
  		align-items: center;
	}
	
	.icforum_subarea_desc .fdesc_crown {
  		top: 4px !important;
	}
	
	/* GUIDEBOOK */
	.gbmobilebutton {
		display: block;
    	position: fixed;
    	bottom: 0;
    	left: 0;
		right: 0;
    	z-index: 100;
    	padding: 10px;
		text-align: center;
		background-color: var(--dark);
		color: var(--ffftext);
	}
	
	.gbmobilebutton .material-symbols-outlined {
		font-size: 3em;
	}
		
	.gbmenu {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding-bottom: 80px;
		z-index: 90;
		box-shadow: 0 0 55px var(--dark), 0 0 20px #333;
	}
	
	.gblastedited {
		display:none;
	}
	
	.gbmobile-le {
		display:block;
		text-align: center;
		background-color: var(--meddark);
		color: var(--bbb);
		padding: 5px;
	}
	
	.gbmain .thead {
		display: block;
		text-align: center;
		font-size: calc(1.5em + .1vw);
	}
	
	.catlinks a {
		font-size: calc(1.2em + .1vw);
	}
	
	.gbmenu .category {
		font-size: calc(1.4em + .1vw);
	}
	
	.gbmain {
		flex-basis:100%;
	}
	
	.gbtext h1, .gbtext h2 {
		font-size: calc(1.5em + .1vw)
	}
	
	.gbtext h2::before, .gbtext h2::after{ 
		top: 28px;
	}
	
	.gbfoot {
		height: 35px;
	}
	
	.eyechart {
		flex-wrap: wrap;
	}
	
	.eyechart div {
  		flex-basis: 30%;
	}
	
	/* UCP */
	#ucpnav tr td {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	#ucpnav tr td div {
		border: 0 !important;
		flex-grow: 1;
	}
	
	#editprofavbox, #editprofpicbox {
  		display: none;
	}
	
	.idcontainer #general div {
		flex-basis: unset;
	}
	
	.editcharprof .trow2, .oocoptions, .editnotes {
		flex-direction: column;
	}
	
	/* POSTBITS */
	.postbits {
		flex-direction: column;
	}
	
	.sidediv {
		flex-direction: row;
		padding: 0;
	}
	
	.avdiv {
		height: unset;
		min-height: 300px;
	}
	
	.playerinfo {
		width: 100%;
  		margin: 0;
	}
	
	#posted {
		font-size:0.7em;
	}
	
	.postdiv {
		border: 0;
	}
	
	.charinfo {
		max-width: unset;
	}
	
	.flairimg {
		background-size: cover;
	}
	
	.chardiv {
		border-top: 1px solid var(--db);
		flex-direction: column;
	}
	
	.chardiv > .charname {
		order: 1;
		text-align: center;
	}
	
	.charstats {
		order: 2;
		justify-content: center;
		text-align: center;
		padding: 10px 10px 15px 10px;
	}
	
	.playerdiv {
		text-align: center;
		display: flex;
		flex-direction: column;
	}
	
	#miniprofinfo {
  		font-size: .9em;
	}
	
	.factiondiv .usergroupname {
		font-size: 1em;
	}
	
	.writerinfo #posted {
		max-width: unset;
  		flex-direction: column;
	}
	
	.msgdiv {
  		justify-content: flex-start;
		font-size: 0.9em;
	}
	
	#userwidth {
  		width: unset !important;
		flex-grow:1;
	}
	
	.factiontf #factionname {
		font-size: 3.5em;
	}
	
	.factiontf, .factiontf #info {
		flex-direction: column;
	}
	
	.factiontf #info {
		align-items: revert;
	}
	
	.factionboxes, .fstats {
		flex-direction: column;
	}
	
	/** POST SCREEN **/
	#trchardiv {
		height: unset;
	}
	
	.trow2.xthreadsinps, .postopts {
 	 	flex-direction: column;
	}
	
	.postinp .xthreads_inp {
		min-height: unset;
	}
	
	.inp-time {
  		max-width: 100%;
	}
	
	.submitbtns {
		display: flex;
		flex-direction: column;
		gap:0.5rem;
	}
	
	/** PROFILES **/
	
	.profwrapper .avatar {
		padding: 20px 0;
	}
	
	.profwrapper .name {
		text-align: center;
	}
	
	.infobox, .modadminopts { 
		flex-direction: column;
	}
	
	.infobox .stats div {
		flex-grow: 1;
	}
	
	.infobox .stats .ptnum {
		order: 1;
	}
	
	.infobox .stats .charawds {
		order: 2;
	}
	
	.profwrapper .topbar {
  		flex-direction: column;
  		text-align: center;
  		gap: 20px;
	}
	
	.profwrapper .group {
  		text-align: center !important;
	}
	
	.profwrapper #char.infobox {
  		align-items: center !important;
	}
	
	.profwrapper .charright {
  		display: flex;
  		flex-direction: column;
		width: 100%;
	}
	
	.profwrapper .charright .tabbar {
		order: 2;
		margin-top: 30px;
		margin-bottom:0;
		flex-direction: column;
	}
	
	.profwrapper .charright .stats {
		order: 1;
		display: flex;
		flex-direction: column;
	}
	
	#appbox.profbox {
  		flex-direction: column;
	}
	
	#appbox.profbox .apptext {
		order: 2;
	}

	#appbox.profbox .refimg {
		order: 1;
	}	
	
	.relations {
		flex-direction: column;
	}
	
	.relations #parent1 {
		order: 1;
	}
	
	.relations #parent1 {
		order: 2;
	}
	
	.relations #siblings {
		order: 3;
	}
	
	.relations #mate {
		order: 4;
	}
	
	.relations #children {
		order: 5;
	}
	
	.relations #extended {
		order: 6;
	}
	
	.profhalf {
		flex-direction: column;
	}
	
	.profhalf > div {
		flex-basis: 100%;
	}
	
	/** CHARACTER LIST **/
	.thead.charlisttop {
		flex-direction: column;
	}
	
	/** NEWPOINTS **/
	.newpoints-mobile-menu {
		display: flex;
		flex-direction: column;
	}
	
	/** FOOTER **/
	.footer_table {
		flex-direction: column;
	}
	
	.footer_table .affs {
		order: 3;
	}
	
	.footer_table .onlinestats {
		order: 1;
	}
	
	.footer_table .credits {
		order: 2;
	}
	
}