body { background: #f1f0ed; }

body {
	/* font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; */
	font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.mobile-nav {
  display: none;
}

h1, h2, h3, h4, h5, h6, p {
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin-top: 0;
	margin-bottom: 4px;
	color: #333;
}
p {	padding-bottom: 1rem; }

/*
a img {
    height: auto;
	border: none;
}
*/
h1 {
	margin-top: 10px;
	font-size: 1.8rem;
	font-weight:bold;
	color: #334c7a;
}
h2 {
	margin-top: 10px;
	font-size: 1.6rem;
	font-weight:bold;
	color: #334c7a;
}
h3 {
	font-size: 1.4rem;
	font-weight:bold;
	margin-top: 0;
	margin-bottom: 4px;
	color: #334c7a;
}
h4 {
	font-size: 1.2rem;
	font-weight:bold;
	margin-top: 0;
	margin-bottom: 4px;
	color: #334c7a;
}

ul, ol, dl {
    list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 24px;
}

a {
	text-decoration: none;
}

p:link {
	/* color:#e8a6ab; */
	color:#eeeeee;
}
p:visited {
	/* color:#e8a6ab; */
	color:#eeeeee;
}
/* the "a" styles are powerful and override menus too so be careful */
p a {
	color:#070d70;
	text-decoration: none;
}
a:link {
	color:#070d70;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: darkorange;
	text-decoration: none;
}

.li { padding-left: 30px; }

h1 { color:#070d70; }
h2 { color:#070d70; }
h3 { color:#070d70; }
h4 { color:#070d70; }
.head1 { font-size: 2.3rem; color:#070d70; }
.head2 { font-size: 2.1rem; color:#070d70; }
.head3 { font-size: 1.9rem; color:#070d70; }
.head4 { font-size: 1.7rem; color:#070d70; }
.sect_head { font-size: 1.9rem; color:#070d70; margin-top: 4px; padding:4px 0px; }

.group_desc { font-size: 1.7rem; }
.stats_main { font-size: 1.5rem; color:#070d70; }
.latlng_main { font-size: 1.1rem; color:#070d70; }
.current_loc { font-size: 1.8rem; color:#070d0f; }
.round { font-size: 1.5rem; cursor:pointer; }
.round { border-radius: 50%; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.round { border: solid 2px; margin-top:12px; padding: 7px 30px; padding-right: 40px;}
.round:hover { color:#070d70; }

.roundbutt { font-size: 1.7rem; }
.roundbutt { cursor: pointer; }
.roundbutt { border: solid 2px; margin-top:12px; padding: 7px 30px; padding-right: 40px;}
.roundbutt { border-radius: 50%; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.roundbutt:hover { color:#070d70; }
.breathe { padding:12px; margin:12px; }
.smb { font-size: 1.1rem; }
.gold { background: #070d0f; color: white; }
.std { border-color:darkcyan; color: cornflowerblue; background-color:rgb(239,239,239); }
.b_post { margin: 0px 20px; }
.feature {
	cursor: pointer;
	font-size: 1.75rem;
	font-weight: 600;
	color: #070d70;
	margin: 12px;
	margin-bottom: 20px;
}
#account-options { text-align:left; margin-left:14px; }
.a_text { font-size: 1.3rem; color: #070d70; padding: 6px 4px; cursor:pointer; }
.b_text { font-size: 1.5rem; color: #070d70; padding: 6px 4px; cursor:pointer; }
.b_text:hover { color:darkorange; }
.biglabel {
	font-size: 1.75rem;
	font-weight: 600;
	color: #070d70;
}
.feature:hover { color:red; }

/* show/hide buttons */
.b_show {
	display:none;
/*	background-color: lightblue; /* #00AEEF;	/* #00AEEF */
	background-color: white;
	color: #555858;
	font-size: 1.2rem;
	border: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	min-width: 40px;
	border-radius: 6px;
}
.b_side {
	 background-color: lightblue;
}
/*.b_show:hover { color:darkblue; }*/
.m_icon { width: 36px; height: 36px; }
.home_icon { margin: 2px 4px; }
.b_menu {
	float:right; padding-top: 4px;
	margin-left: 3px; margin-bottom: 9px; margin-right: 8px;
	font-size:1.0rem;
}
.b_menu:hover { color:darkorange; }
.show { float:left; z-index:5; position:fixed; top:84px; min-width:40px; height:30px; }
.home_icon { left:0; top:0; height:100px; } 
.topbar_nav { top:0; width:100%; height:104px; background-color:white; }
.gauche { left:0; color: white; }
.droit { float:right; right:0; color: white; }
.gauche { display:none; }
.droit { display:none; }
.haut { left:240px; top:30px; }
.always { display:block; float:left; margin:2px; }

/* bars and columns */
.top_bar {
	height: 80px;
	width: 100%;
	z-index: 2;
	position: fixed;
	background: white;
	text-align: left;
	left: 0;
}
/*
.middle_bar {
	background: #f1f0ed;
	width: 100%;
	position: absolute;
	overflow: scroll;
	left: 0;
	top: 80px;
}
*/
.topmenu {
	left: 10%
	width: 80%;
	/* height: 140px; */
	/* background: #eeeeee; */
}
.menubar {
	margin-left: 64px;
	padding-top: 30px;
}
.right_bar {
	width: 30%;
	z-index: 2;
	position: fixed;
	text-align: left;
	right: 0;
}
.iconblock {
	width: 84px;
	height: 84px;
	float: left;
	padding: 24px;
}
.main_block {
	margin:20px;
}
.menu {
	font-size: 24px;
	/* color:white; */
	list-style: none;
	padding-left: 12px;
}
.mright {
	position:absolute;
	right: 20px;
	text-align:right;
}
.menutext {
	/* color:white; */
	font-size:14px;
	padding-top: 4 px;
	padding-bottom: 4 px;
}
.your_name {
	/* margin-top: 8px; */
	display:block;
	float:right;
}

.outer_box {
	padding: 0; margin: 0;
	top:120px;
}
.column {
	float:left;
	text-align:center;
}
.side {	width: 20%; }
.middle { width:50%; text-align:center; }
.bar_left { text-align:right; }
.bar_right { text-align:left; }
/* content */
.drop_sheet { display: none; }		/* until user clicks the buttons */
.drop_sheet {
	background: rgba(245,245,245,1.0);
	border-left: 4px solid #BBFFFF;
	border-right: 4px solid #BBFFFF;
	border-bottom: 4px solid #BBFFFF;
	min-width: 200px;
	position: fixed;
	width: 50%;
	left: 25%;
	top: 103px;
	z-index: 4;
	overflow:auto;
	text-align: left;
	padding-left: 30px;
	padding-top: 14px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	float:top;
}
.dwide { width:70%; left:15%; }
.dtall { max-height:95%; }
.dfull { max-height:95%; /*height:950px;*/ }
.l_opt { font-size: 1.5rem; color: #070d70; padding: 4px; }
.l_opt:hover { color:darkorange; }
.sidebar {
	width: 90%; min-height: 100px;
	background: white;
	border-radius: 20px;
	margin: 20px 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 20px;
	z-index: 2;
}
.anim-w {
  transition: width 3s;
}
.anim-h {
  transition: height 3s;
}
.side_head { padding: 10px 20px; padding-bottom: 0px; }
.side_list { padding: 4px 20px; font-size: 18px; cursor:pointer; }
.main_box { margin-top: 20px; margin: 20px 0px; }
.main_feed { z-index: 3; }
.map_box { width:100%; height:500px; }
.map_menu { float:left; text-align:left; margin-left: 20px; }
.m_item { padding: 6px; margin-right: 20px; }
.li { padding-left: 30px; }

.content {
	margin-top: 2px;
	width: 100%;
	float: left;
	padding: 24px;
}

.admin_page { }
.admin_col {
	width: 65%;
	font-size: 1.7rem;
}
.ckb { width:24px; height:24px; /* padding-bottom: 20%; */ margin-right: 8px; }
.ck_inline { width:16px; height:16px; margin-right:5px; }
.chk_yes { background-color:darkgreen; }
.chk_no { background-color:red; }
input { font-size: 1rem; }

.above10 { margin-top: 10px; }
.indent { padding-left: 55px; }
.indent2 { padding-left: 65px; }
.indent3 { padding-left: 75px; }
.indent4 { padding-left: 85px; }
.indent85 { padding-left: 85px; }

/* for masking a photo into a circle format */
.incircle {
	object-fit: cover;
	border-radius: 50%;
}
.menu_img { width:32px; height:32px; }
.author_img { width:48px; height:48px; }

#zip_list { left:40%; top:30px; font-size: 2rem; color: #070d0f; border:none; outline:none; }
/* #zip_list { position: absolute; } */
#zip_list * { font-size: 1rem; color: #070d0f; }
.zip_option * { font-size: 1rem; color: #070d0f; }
.header_loc { margin-top: 12px; }
.thin_bar { text-align:right; height:18px; padding-top:2px; padding-bottom:18px; background-color:white; }
.bar_butt { color:#070d70; font-size: 1.5rem; cursor:pointer; padding:0px; margin-left: 12px; margin-right: 12px; }
.topic { font-size: 1.5rem; color: #070d70; padding: 4px; }
.topic:hover { color: red; }
.bar_spacer { font-size: 2rem; margin:0 padding:0 }
.bar_cat { font-size: 1.7rem; margin: 0px 20px; padding: 2px; }
.bc_right { margin-left: 0px; }
.hspace { margin-left:12px; }
.vspace { min-height: 14px; }
.v40 { min-height: 40px; }
.headroom { margin-top: 14px; }
.vspc { margin-top: 8px; }
.ptr { cursor: pointer; }
.ptr:hover { color:darkorange; }
.hide { display:none; }

/* stuff copied back over from sitedesign.css [2/11/23] */

.container {
	max-width: 3800px;
	min-width: 300px;
	background: #FEFEFE;
	overflow: hidden;
	/* background-image: url('/images/background.png'); */
}
.banner {
	display: inline-block;
	width: 100%;
    position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	height: 520px;
    /*
	z-index: -2;
	position: relative;
	text-align:center;
	*/
}
.banner_img { height: 600px; }
.pagecontain {
	margin-top: 12px;
	width: 90%;
	margin: 20px 20px;
	padding: 20px 20px;
	background: #FEFEFE;
}
.controlbox {
	margin-top: 10px;
	width: 100%;
	margin: 4px 4px;
	padding: 4px 4px;
}

.image_box {
	height: 200; width: 300;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.crop {
	position:absolute;
	min-height: 100%;
	min-width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
}
.image_rect { margin-left: 20px; }
.main_image { width:60%; }
.post_image { width: 100%; 	overflow:hidden; }
.img_single { width: 100%; padding-bottom:14px; }
.multi { position:relative; margin: 4px; float:left; }
.Xmulti { border:1px solid red; }
.m0 { width: 98%; margin-left: 1%; margin-right:1%; padding-bottom:14px; }
.m1 { width: 98.5%; padding-bottom:98.5%; }
.m2 { width: 48.6%; padding-bottom:48.5%; }
.m3 { width:32%;    padding-bottom:31.8%; }
.m4 { width:23.7%;  padding-bottom:23.5%; }
.m5 { width:18.7%;  padding-bottom:18.5%; }
.inner_img { position:absolute; left:0; top:0; overflow:hidden; }
.inner_img img {
   width: 100%;
}
.admin_table { width: 95%; }
.members { width: 100%; overflow: hidden; }
.member_col { width: 100%; }
.member_table { width: 100%; }
/*.member_table td { margin: 0px; padding: 0px; }*/
/*.member_table td { border: 1px solid; }*/
/*.member_table tr { border: 1px solid; }*/
/* .member_table td { border: 1px solid red; } */
.member_row { clear:both; }
.member_row { margin-left: 0px; padding-left:0px; }
.member_img { width:48px; height:48px; }
.member_name { font-size:1.2rem; color:black; margin-left:4px; padding:4px; padding-left:4px; }
.thmem { margin-left:4px; padding:4px;  }
.dropzone {
	text-align:center;
	/*
	display:block;
	position: relative;
	left:40%;
	*/
	padding: 2px;
	margin: 2px;
	width:128px;
	height:32px;

}
.dropbox {
	padding-top: 20px;
	width:100%;
}
.post_time {
	font-size: 1rem;
	line-height; 1.2rem;
	color: black;
}
.filer { margin: 20px 0px; }
input[type="file"] {
    display: none;
}
/* these go late in the file so they override any earlier styles */
.bar_title { font-size:2rem; }
.bar_subtitle { font-size:1.5rem; }
.header_main { margin-top: 20px; padding: 20px 20px; background:white;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}
.zip_main { font-size:2rem; }
.city_main { font-size:3rem; }
.header_user { text-align:left; width:100%; }
.user_main { font-size:2rem; }
.user_sub { font-size:1.7rem;  margin-right: 20px; }
.user_side { font-size:2.3rem; text-align:right; padding:0px; }
.user_main { font-size:1.8rem; padding-right: 10px; position:relative; bottom:-10px; }
.profile { float:right; font-size: 2rem; padding-right: 14px;}
.headline {
	/* see also head2 */
	text-align:left;
	margin-bottom: 14px;
}
.about {
	font-size: 1.7rem;
	text-align:left;
}

.post_uname { float:left; padding-left: 12px; }
.post_headline { font-size: 1.3rem; }
.post_profile { float:left; }
.post_help { font-size: 1.3rem; }
.edit_help { font-size: 1.3rem; color:red; }
.welcome { font-size: 3rem; color:#070d70; padding-bottom: 12px; }
.welcome_subtext { font-size: 2rem; color:black; padding-bottom: 60px; width: 60%; }
.welcome_text { font-size: 2rem; color:black; padding-bottom: 60px; width: 60%; }
/* text editing */
.clickable_red	{ color: red; cursor: pointer; }
.clickable		{ color: blue; cursor: pointer; }
.disabled		{ cursor: none; }
.disabled:hover { color:#070d70; }
.link_edit { float:right; right=20px; top=20px; }

.accent { color:#070d70; }
.rt { margin-right: 7px; }

.floatleft { float: left; }
.floatright { float: right; }
.float_left { float: left; }
.float_right { float: right; }
.ninety { width: 90%; }
.horiz_30 { padding-right: 30px; }
.text_right { text-align:right; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.pad4 { padding-left:4px; }
.pad12 { padding-left:12px; }
.pct90 { font-size: 1.0em }
.wid50 { width: 50%; }
.smaller { font-size: 0.75em }
.bigger { font-size: 1.25em }
.black { color:black; }
.red { color:red; }
.green { color:darkgreen; }
.darkred { color:darkred; }
.bold { font-weight: 600; }
.Xdarkred:hover { color: red; }
.weather_comment { color:#070d70; padding-left: 60px; }
.weather_title { font-size: 2rem; color:#070d70; }
.weather_summary { font-size: 1.7rem; }
.weather_desc { font-size: 1.8rem; margin-top:10px; }
.weather_table { font-size: 1.2rem; margin-top: 14px; }
.weather_label { font-size: 1.7rem; color:#070d70; }
.weather_row { padding:0; margin:0; }
.temp { color:#070d70; padding:0; margin:0; }
.rem2 { font-size: 2rem; }
.bpad { padding-bottom:20px; }
.tdl { min-width:25%; text-align:right; padding: 10px; }

.footbutton {
  display: block;
  position: fixed;
  overflow: visible;
  border: none;
  color: white;
  font-weight: 400;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 1.6rem;
  padding: 0 30px;
  text-align: center;
  background-color: cornflowerblue; /* #ef3e3b; */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  cursor: pointer;
  z-index: 99;
}
.footbutton:hover {
  color: lightgray;
}

.break { clear:both; }
.clearboth { clear:both; }
.visible { display:block; }

.lowerright {
  bottom: 0px;
  right: 30px;
}
.lowerleft {
  bottom: 0px;
  left: 30px;
}
.upalittle {
  bottom: 70px;
}
.natural { width: auto; }

@media (max-width: 1752px) {	/* NOTE: MIN not MAX	1632 = 1132 + (2*250) bars + (4*30) gutters */
	/*
	.middle_bar {
		position: absolute;		left: 50%;			width: 100%;
		-webkit-transform: translate(-50%, 0);		transform: translate(-50%, 0);
		padding: 0; margin: 0;
	}
	*/
	.indent { padding-left: 35px; }
	.main_box {
		border-radius: 20px;
	}
	.map_box { height:450px; }
	.roundbutt {
		font-size: 1.4rem;
		margin: 4px; padding: 2px 12px;
	}
}
@media (max-width: 1500px) {
	.roundbutt {
		font-size: 1.4rem;
		margin: 4px; padding: 2px 12px;
	}
}
@media (max-width: 1400px) {
	.Xbar_right { display:none; }
	.Xmiddle { left: 5%; width:75%; };
	.Xmain_box { left: 0; margin:0; transform: none; }
	#zip_list { left:50%; }
	.bar_butt { font-size: 1.4rem; }
}
@media (max-width: 1200px) {		/* overrides for small screens (mobile) */
	/* hide certain elements */
	.drop_sheet { display: none; }		/* until user clicks the buttons */
	.sidebar { display: none; }		/* until user clicks the buttons */
	.X_l_opt { display:none; }
	.top_bar { text-align: left; }
	.m_icon { width: 30px; height: 30px; }
	.indent { padding-left: 2px; }
	.drop_sheet {
		max-height: 90%;
		padding-left: 8px;
		left: 5%;
	}
	.dwide { width:85%; left:5%; }
	.dtall { /*height:650px;*/ }
	.sidebar {
		/* background: rgba(255,255,255,0.75); */
		border: 4px solid #BBFFFF;
		min-width: 240px;
		max-width: 40%;
		position: fixed;
		max-height: 550px;
		float:left;
	}
	.Xtop_content { margin-top: 25px; }
	.side_content { max-height:530px;	overflow:auto; }
	.side_list { padding-left: 0px; }
	/* .b_show { display:block; } */
	.always { display:block; }
	.sb_right { top:0px; right:0px; text-align: right; }
	.bar_spacer { font-size: 1.9rem; margin: 0px 20px; padding: 2px; }
	.bar_cat {  margin:0px; }
	.bar_left { text-align:left; }
	/*
	.bar_right { text-align:right; }
	*/
	.sect_head { font-size: 1.5rem; }
	.hspace { margin-left:4px; }
	.dropzoneXX { display:none; }
	.Xprogress_box { display:none; }
	.Xedit_options { display:none; }
	.Xside { width:15%; }
	/* adjust columns for lack of sidebars */
	.middle { left: 5%; width:100%; };
	.middle_bar { left: 0; transform: none; width:100%; }
	.map_box { height:340px; }
	#zip_list { left:35%; font-size: 1.2rem; }
	/* adjust font sizes for small screens */
	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1.1rem; }
	h4 { font-size: 1.0rem; }
	.head1 { font-size: 1.5rem; }
	.head2 { font-size: 1.3rem; }
	.head3 { font-size: 1.1rem; }
	.weather_title { font-size: 1.4rem; }
	.weather_label { font-size: 1.2rem; }
	.weather_summary { font-size: 1.2rem; }
	.weather_desc { font-size: 1.2rem; }
	.weather_table { font-size: 1.0rem; margin-top: 2px; }
	.toolbar_item { font-size: 0.8rem; 	font-weight: normal; }
	.toolbar_item { margin: 12px 8px; }
	.toolbar_data { font-size: 0.8rem; 	font-weight: normal; }
	.toolbar_space { margin-left: 0; }
	.tight { margin-left: 6px; margin-right:0px; }
	.score { font-size: 0.8rem; 	font-weight: normal; }
	.Xb_post { margin: 4px; padding: 2px 12px; }
	.roundbutt {
		font-size: 1.4rem;
		margin: 4px; padding: 2px 12px;
	}
	.thin_bar { height:18px; padding-top:2px; padding-bottom:20px; }
	.bar_butt { font-size: 1.4rem; padding:0px;  }
	.smb { font-size: 0.8rem; margin: 2px; padding: 1px 8px; }
	.xsmb { font-size: 0.6rem; margin: 2px; padding: 1px 8px; }
	.smbwide { font-size: 0.8rem; margin: 2px; padding: 2px 12px; }
	.feature { font-size: 1.8rem; }
	.topic { font-size: 1.2rem; padding: 2px 4px; }
	.admin_col {
		width: 95%;
		font-size: 1.2rem;
	}
	.author_img { width:40px; height:40px; }
	.post_uname { height: 48px; padding-left: 2px; margin-top:8px; }
	.poster_name { font-size: 1.2rem; margin-bottom: 2px; }
	.poster_headline { font-size: 1.0rem; margin-bottom: 2px; }
	.group_main { font-size:2.0rem; }
	.group_subtext { font-size: 1.3rem; }
	.group_name { font-size:1.2rem; }
	.group_desc { font-size: 1.0rem; }
	.zip_main { font-size: 1.1rem; }
	.member { margin-top: 8px; }
	.member_img { width: 48px; height: 48px; }
	.member_row { margin-left:0px; margin-top: 4px; padding-left:2px; }
	.member_name { font-size:1rem; margin-top:14px; Xpadding:4px; }
	.member_left { float:left; text-align:right; width:100%; }
	.ulink { margin-left: 12px; padding: 4px; }
	.multi { margin: 2px; }
	.welcome { display:block; font-size: 2.0rem; padding-top: 24px; }
	.welcome_subtext { font-size: 1.8rem; }
	.footbutton {
		height: 1.4rem;
		line-height: 1.4rem;
		font-size: 1.0rem;
		padding: 0 30px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.main_box { margin-top: 0; }
	.header_main { margin-top: 12px; padding: 10px 20px; }
	.city_main { font-size: 2rem; }
	.stats_main { font-size: 1.1rem; }
	.latlng_main { font-size: 0.8rem; }
	.wid50 { width: 90%; margin: 20px; }
	/*
	.zip_main { font-size: 4vw; }
	.user_main { font-size: 5vw; }
	*/
}
@media (max-width: 650px) {		/* overrides for small screens (mobile) */
	/* .b_menu { display:none; } */
}

@media (max-width: 800px) {		/* overrides for small screens (mobile) */
	.pagecontain {
		width: 100%;
		margin:12px;
		padding:4px;
	}
	.iconblock { width:auto; height:auto; padding:2px; }
	.sidebar { margin-top: 0; }
	.gauche { top: 50px; }
	.gauche { display:none; }
	.droit { top: 50px; }
	.droit { display:none; }
	.drop_sheet { top: 50px; }
	.menubar { padding-top: 8px; }
	.mright { right: 10px; }
	.top_bar { height: 50px; }
	.b_show {
		font-size: 1.0rem;
		/* min-width: auto; */
		/* width: 30px; */
		height: 30px;
	}
	.bsi { font-size 0.2rem; padding:0; }
/*	.b_show:hover { background-color:cornflowerblue; }*/
}

@media (max-width: 520px) {		/* overrides for small screens (mobile) */
	#corner_logo { content: url("/img/logo_h.png") }
	.haut { left: 85px; }
}

@media (max-width: 600px) {		/* overrides for small screens (mobile) */
	.Xhaut { left:28%; top:84px; }
	.Xhaut { top:84px; }
	.l_opt { font-size: 1.2rem; }
	.b_text { font-size: 1.2rem; }
	#acct_name { display:none; }
	.city_main { font-size: 1.5rem; }
	.stats_main { font-size: 0.9rem; }
	.latlng_main { font-size: 0.6rem; }
	.m_item { font-size: 1.2rem; }
	.roundbutt {
		font-size: 1.1rem;
		margin: 4px;
/*		padding: 2px 4px;*/
	}
}

/*
@media screen and (min-width: 1752px) and (max-width: 8000px) {
	.middle_bar { width: 1752px; }
}
*/

@media (pointer:fine) {			/* mouse */
	/* #main_camera_box { display: none; } */
}

@media (pointer:coarse) {		/* touch screen */
	/* #main_camera_box { display: none; } */
}

@media (pointer:none) {			/* phone? */
	/* #main_camera_box { display: none; } */
}