* {
   box-sizing: border-box; 
   margin: 0;
   padding: 0;
   outline: 0;
	font-size: 12pt;
	font-family: 'Open Sans', sans-serif;
	outline: 0;
}

#container {
	margin: 0 auto;
	max-width: 890px;
}

.content {
  min-height: calc(100vh - 30px);
}

socks {
  #position: absolute; /* Positions element relative to parent */
  #background-color: lightblue;
  display: inline;
  #bottom: 30px;
  padding: 2px;
  vertical-align: center;
  text-align: center;
  width: 100%;
}

.footing {
   bottom: 0px;
   padding: 6px;
	border-top: 1px solid rgba(200,200,200,0.7);
	border-bottom: 1px solid rgba(200,200,200,0.7);
	background: rgba(0, 0, 0, 0.5);
   width: 100%;
   vertical-align: center;
   text-align: center;
	font-size: 8pt;
}

/* 
.maincontent {
	 background: rgb(100, 200, 255); 
}
*/

.topc {
  color: 0f0f00;
  font-size: 12pt;
}
.topd {
  color: 0f0f00;
}  
.djust {
  width: 90%;
  text-align: justify;
}
.topdh {
  color: 0f0f00;
  width: 90%;
  text-align: center;
  font-size: 2.5em;
}
.top98 {
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}

.topbot {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  color: 0f0f00;
  color: ffffff;
  text-align: justify;
  font-size: 14pt;
  background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  /* 
  font-weight: bold;
  border: 2px solid; 
  */
}

.mobile {
	background-color: rgba(0, 0, 0, 0.4);
	font-size:12pt;
	color: white;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	height: 100%;
}

html, body {
	font-size:12pt;
	color: white;
	# background-color: black;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	height: 100%;
}

#logo {
	display: block;
	float: left;
	width: 100%;
	font-size:20px;
}

a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

button::-moz-focus-inner {
  border: 0;
}