a:link {
  color: #fca400;
}


a:active {
  color:#fcca00;
}


a:visited {
  color:#e300fc;
}

.logolink {
    padding: 0 !important;
}

body {
  background-color: #000000;
  color: white;
  margin: 0;
  font-family: "Lato", sans-serif;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.logo {
    background: url(/img/logo700px.png) no-repeat center;
    background-size: cover;
    height: 100px;
}


.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #E87722;
  position: fixed;
  height: 100%;
  overflow: auto;
}


.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
}


.sidebar a.active {
  background-color: #000000;
  color: white;
}


.sidebar a:hover:not(.active) {
  background-color: #555;
  color: white;
}


div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 100%;
}


@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  .sidebar a:not(.logolink) {float: left;}
  div.content {margin-left: 0;}
}


@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}