html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: #434b52;
  color:#efefef;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

/* Google Font Heading Styles */

.dm-serif-display-regular {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
  }

h3 {
  font-size: 1.5rem;
}

span.dm-serif-display-regular {
  font-size:2rem;
  text-decoration: none;
}

.dm-serif-display-regular {
  font-size:2rem;
  text-decoration: none;
}

.dm-serif-display-regular-italic {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
}

/* Navigation Styles */

a:link {color: #e3df94; text-decoration: none}
a:visited {color: #e3df94;text-decoration: none}
a:hover {color: #efefef;text-decoration: underline}
a:active {color: #efefef;text-decoration: underline}

a.no-decoration:link {color: #efefef; text-decoration: none}
a.no-decoration:visited {color: #efefef;text-decoration: none}
a.no-decoration:hover {color: #efefef;text-decoration: none}
a.no-decoration:active {color: #efefef;text-decoration: none}

/* Form Styles */
input#dt-search-0.dt-input {
  background-color: #eeeeee;
  color: #3b3b3b;
}

select#dt-length-0.dt-input {
  background-color: #eeeeee;
  color: #3b3b3b;
}

div.dt-length label {
  padding-left: 5px;
}

/* Audio Player Styles */
audio {
  color-scheme: dark;
  width: 100%; max-width: 400px; 
  height: 30px;
}