body {
	width: 100%;
	background: #dddddd;
	text-align: center;
}

body a {
color: #333;
  
 
}
.info > a {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}
.info > a:hover {
  text-decoration: underline;
}
body a:hover {
	color: #333;
}

input, textarea, select {
	font-family: arial;
}

#wrapper {
  color: #555;
  font-family: arial;
  font-size: 0.75em;
  margin: 0 auto;

  text-align: left;
  width: 100%;
}

#bigcolumn {
  float: left;
  margin: 0 14px 0 0;
  max-width: 862px;
  width: 100%;
}

#sidebar {
  float: left;

}
#leftcolumn {
  float: left;
  margin-right: 12px;
  width: 49%;
}

#rightcolumn {
	float: left;
	width: 49%;

}
@media screen and (max-width: 768px) {
#sidebar {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 324px;
  width: 100%;
}
#leftcolumn {
  float: left;
  margin-right: 12px;
  width: 100%;
}
#rightcolumn {
  float: left;
  width: 100%;
}
#sidebar {
  float: left;
  margin-top: 15px;
  width: 100%;
}

#logo {
  bottom: 0;
  height: auto;
  max-width: 244px;
  position: absolute;
  top: 38px;
  width: 100%;
}
}