body {
  font-family: arial;
  -webkit-text-size-adjust: none;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

img {
	border: none;
}

.hide {
	display: none;
}

.container {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.navigation {
	width: 100%;
	display: flex;
}

.navigation:after {
  content: "";
  display: table;
  clear: both;
}

.navigation-inner {
	flex: 1; /* All items take equal space */
}

.navigation-left {
	text-align: left;
	display: flex;
	align-items: center; /* vertical alignment */
}

.navigation-left-left {
	width: 18%;
	float: left;
}

.navigation-left-right {
	width: 82%;
	float: right;
}

.navigation-right {
	text-align:  right;
}

.navigation-center {
	text-align: center;
}

.logo-clickable {
	text-decoration: none;
	font-weight: bold;
	font-family: impact;
	color: red;
}

.logo {
	font-weight: bold;
	font-family: impact;
	color: red;
}

.login {
	font-weight: bold;
	font-family: sans-serif;
	color: #000;
	margin-left: 7px;
	text-decoration: none;
}

.button {
	background-color: #F8F8F8;
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #c3c6c9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	line-height: 27px;
	padding: 0 8px;
	text-decoration: none;
	color: #000;
	font-size: 16px;
}


.button:hover {
	background-color: #F8F8F8;
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #C6C6C6;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	color: #000;
	font-size: 16px;
}



.post-button-area {
	display: inline;
	margin-right: 10px;
}

.search-icon {
	display: inline;
	font-weight: bold;
}

.menu-icon {
	display: inline;
}

.post-button {
	padding-top: 5px;
	padding-bottom: 5px;
}

.baddie {
	color: #3f94d4;
}

.rank {
	color: #000;
}

i.fa-magnifying-glass {
	-webkit-text-stroke: 1px black;
	cursor: pointer;
	margin-right: 3px;
}

i.fa-bars {
	-webkit-text-stroke: 1px black;
	cursor: pointer;
}






















