/* Content width */
.md-grid {
    max-width: 150rem;
}


/* Responsive */

@media only screen and (min-width: 60em) {
.md-sidebar--secondary {
    display: block;
    margin-left: 100%;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}
}


video {
  width: 100%;
  height: auto;
}

/* unvisited link */
/*a:link {
  color: #00998A !important;
  font-weight: bold;
}
*/

/* visited link */
/*a:visited {
  color: #00998A !important;
  font-weight: normal;
}
*/

/* mouse over link */
/*a:hover {
  color: #00998A !important;
  font-weight: bold;
}
*/

/* selected link */
/*a:active {
  color: black !important;
  font-weight: bold;
}
*/

@media only screen and (min-width: 195.0em) {
.md-sidebar--secondary {
    margin-left: 150rem;
}
}

li {margin-bottom:1px !important}

.md-header {
    background-color: #00998A !important;
}

/* Headings */
.md-typeset h1, .md-typeset h2, .md-typeset h4 {
  font-weight: 400;
}

.md-typeset h1 {
  font-size: 34px;
  color: #00998A;
}

.md-typeset h2 {
  font-size: 26px;
}

.md-typeset h3 {
  font-size: 22px;
}

.md-typeset h4 {
  font-size: 18px;
  font-weight: 600;
}
.md-typeset h5 {
  font-size: 18px;
  font-weight: 600;
}

/* Header font */
.md-header-nav__title {
    font-size: 1.5rem;
}

/* Sidebar font */
.md-nav__link {
  font-size: 15px;
  
  color: #212121;
  letter-spacing: .1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 0px 0px 0px;
}

/* Body text */
.md-typeset {
  font-size: 15px;
}

/* Tables text */
.md-typeset__table th, td {
  font-size: 15px;
}

/* Removes spacing between header and content */
.md-main__inner {
  padding-top: 0;
}

/* Search input */
.md-search__input {
  font-size: 1.5rem;
  background-color: rgba(1, 1, 1, .1);
}

/* Changes footer navigation font */
.md-footer-nav__title {
  font-size: 16px;
}

/* Changes footer font */
.md-footer-copyright__highlight {
  font-size: 14px;
  color: #d2dfe5;
}

/* Adds a line to table top row */
.md-typeset__table tbody {
  border:solid 1px #E7E7E7;
}

/* Content boxes for the overview pages */
.overview-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.overview-child {
  width: 344px;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
  background-color:rgba(0,0,0,.08);
  margin: 0px 5px 10px 5px;
}

.overview-title {
  font-size: 18px;
  font-weight: 500;
}

.overview-child img {
  padding: 1em;
  background-color: #ffff;
}

.overview-child > div {
  padding: 1em;
}