body,
 html {
     width: 100%;
     height: 100%;
 }
 
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 700;
 }
 
 .intro-header {
     width: 100%;
     height: 100%;
     text-align: center;
     color: #f8f8f8;
     background: rgba(0, 0, 0, .85) url(../img/fire_low.jpg) no-repeat center center;
     background-blend-mode: darken;
     background-size: cover;
 }
 
 .intro-message {
     position: relative;
     padding-top: 20%;
     padding-bottom: 20%;
 }
 
 .intro-message>h1 {
     margin: 0;
     text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
     font-size: 5em;
 }
 
 .intro-divider {
     border-top: 1px solid #ff8208;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 .intro-message>h3 {
     text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
 }
 
 @media(max-width:767px) {
     .intro-message {
         padding-bottom: 15%;
     }
     .intro-message>h1 {
         font-size: 3em;
     }
     .intro-divider {
         width: 100%;
     }
 }
 
 .toast {
     position: absolute;
     top: 10px;
     right: 10px;
 }