.bottom-negative {
  margin-bottom: -40px; }
  .bottom-negative.xs {
    margin: 0; }

.purple-circle {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: purple;
  display: inline-block; }

.hero-img {
  background-position: center center, center center;
  background-repeat: repeat-x;
  box-shadow: 0px 8px 11px -9px #000 inset; }

.md-hero-banner {
  line-height: 10px;
  padding: 10px; }
  .md-hero-banner .material-icons {
    color: #fff; }