#wrapper {
  max-width: 200px;
  margin: 0px auto;
  text-align: center;

}

#main-nav ul {
  list-style: none;

  margin: 0;
  padding: 0;
}

#main-nav ul li {

  display: inline-block;

/*  font-family: 'Raleway', sans-serif; margin: 0 1em 0 1em;
  padding: 0.35em 0.75em 0.35em 0.75em;
  border-radius: 0.5em;*/
}

#main-nav ul li.active { 
	background: #1a1a1a; }

#main-nav ul li.active a {
  color: #fff;
  text-decoration: none;
}

/* A single menu */

.dropotron {
      font-size:14px;
/*  background: #444;*/
background:#1a1a1a;
 /* border-radius: 0.5em;*/
  list-style: none;
  margin: 0;
  min-width: 5.25em;
  padding: 0.75em 1em 0.75em 1em;
}

.dropotron > li {
  border-top: solid 1px #555;
  margin: 0;
  padding: 0;
}

.dropotron > li:first-child { border-top: 0; }

.dropotron > li > a {
font-family: 'Roboto', sans-serif;
	color: #ccc;
	display: block;
	/*padding: 0.5em 0 0.5em 0;*/
	padding: 6px 0 6px 0;
	text-decoration: none;
	letter-spacing: 2px;  
}

.dropotron > li.active > a,
.dropotron > li:hover > a { color: #fff; }

/* Only applies to top level ("level-0") menus */

.dropotron.level-0 { margin-top: 1em; }

.dropotron.level-0:before {
  content: '';
  position: absolute;
  border-bottom: solid 0.5em #1a1a1a;
  border-left: solid 0.5em transparent;
  border-right: solid 0.5em transparent;
  top: -0.5em;
}