body {
    color: #3e2723;
    background-color: #fff3e0; /* orange lighten-5 */
}
a {
    font-weight: bold;
}
a:link {
    color: #e65100; /* orange-text text-darken-4 */
}
a:visited {
    color: #e65100; /* orange-text text-darken-4 */
}
a:hover {
    color: #ff6d00; /* orange-text text-accent-4 */
}
a:active {
    color: #ff6d00; /* orange-text text-accent-4 */
}
.copal {
      font-family: "copal-std-decorated";
  }
h1 {
      font-family: "copal-std-decorated";
    color: #3e2723; /* orange-text text-darken-4 */
  }
  h2 {
     font-family: "copal-std-decorated";
     color: #5d4037; /* orange-text text-darken-3 */
 }
h3 {
     font-family: "copal-std-decorated";
     color: #4e342e; /* orange-text text-darken-2 */
 }
 .hero {
     background: url("/media/clouds.png") repeat;
 }
.container {
     font-size: 14pt;
 }
.container img {
    max-width: 100%;
    max-height: auto;
}