/* larger logo */
.md-logo>img { width:36px; height:36px }
.md-logo { padding-top: 0; }

/* theme adjustment */
.md-typeset a { color: #2fa4e7; }
.md-hero { background-color: #000000; }
.md-header { background-color: #000000; }
.md-tabs { background-color: #000000; }
.md-nav__link:active, .md-nav__link--active {  color: #da223a; }
.md-nav__link:focus, .md-nav__link:hover { color: #da223a; }


/* size and align the headers on the home screen */
.home-header {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.home-header, .home-header a {
  color: #da223a;
  text-decoration: none;
}
.home-header i {
  vertical-align: middle;
  padding-right: 12px;
}
.home-header span { vertical-align: middle; }

/* home grid layout */
.home-container {
  display: flex;
  flex-wrap: wrap;
}

.home-box {
  flex-basis: calc(33.33% - 30px);
  margin: 10px;
  min-width: 200px;
  min-height: 200px;

  box-sizing: border-box;
  padding: 19px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/* media */
@media only screen and (max-width: 76.1875em) {
  html .md-nav--primary .md-nav__title--site { background-color: #000000; }
}
@media only screen and (max-width: 59.9375em) {
  .md-nav__source { background-color: #232323; }
  .home-container { display: block; }
  .home-box {
    width: 100%;
    margin: 0 0 10px 0;
  }
}