body {
  margin: 0;
  padding: 0;

  background-color: #f0f1f3;
  font-family: Roboto, sans-serif;
}

#xircles-placeholder {
  margin: 0 10px;
}

.example-header {
  padding: 10px;
  margin: 10px 10px 0 10px;
  background-color: #ffffff;
}

.example-footer {
  height: 300px;
  width: 100%;

  background-color: #d0d0d0
}

@media only screen and (max-width: 768px) {
  .example-header {
    margin: 0 15px;
  }
}