* html #logo {
  background-image: url(/logo.gif);
}
.colors {
  background-color: blue;
  color: white;
  border-color: blue;
}
@media only screen and (max-width: 480px) {
  body {
    color: red;
  }
}
#sidebar {
  width: 300px;
}
@media only screen and (max-width: 480px) {
  #sidebar {
    width: 100px;
  }
}
@media only screen and (min-width: 40em) {
  .grid-1 {
    width: 100%;
  }
  .grid-2 {
    width: 100%;
  }
}
@media only screen and (min-width: 40em) {
  .grid-1 {
    width: 100%;
  }
  .grid-2 {
    width: 100%;
  }
}
* html * body #logo {
  background-image: url(/logo.gif);
}
A {
  top: 10px;
}
.test {
  display: none;
}
.test_empty_content {
  display: inline;
  font-weight: bold;
}
.grid > .small-1 {
  width: 33.3333333333%;
}
.grid > .small-2 {
  width: 66.6666666667%;
}
.grid > .small-3 {
  width: 100%;
}
.grid > .medium-1 {
  width: 33.3333333333%;
}
.grid > .medium-2 {
  width: 66.6666666667%;
}
.grid > .medium-3 {
  width: 100%;
}
