/* GLOBALS */
a,
a:focus,
a:hover {
  color: #ddd;
}
a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; }
.btn, a { transition: all .3s; }
/* MEDIA QUERIES */
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.cover {width: 70%;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.cover {width: 70%;}
}
/* BASE STRUCTURE */
html, body {height: 100%;background-color: #151515;}
body {display: -ms-flexbox;display: flex;color: #fff;font-family: 'Roboto', sans-serif;}
.cover-container {max-width: 42em;}
/* COVER */
.cover {padding: 0 1.5rem;font-size:18px;text-align: center}
.cover .mt-5 {margin-top:4rem !important} 
.cover .btn {border-radius:30px;font-size:16px;font-family: Helvetica, Arial, "sans-serif";padding:.25rem 1rem}
.btn-dark {background-color: #444;border-color: #444;}
.btn-dark:hover {background-color: #cc9933;border-color: #cc9933;}