/*
@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }

 #160F26 - Cthulhu Dark Blue
 #342E59 - Cthulhu Background Sky
 #00010D - Cthulhu Black
 #F2CF66 - Cthulhu Gold
 #594622 - Cthulhu Brown

 */

/* ################     BASE SETTINGS     ################ */

html {
    background: #160F26;
    margin: 0 auto;
    width: 95%;
}
body {
    background: #342E59;
}
.html-base-font body { font-family: 'Roboto', sans-serif; color: white; }
h1, h2, h3, h4, h5, h6 {
    font-family: 'IM Fell Great Primer', serif !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #F2CF66;
}
h2 { font-size: 1.3rem;}
p { margin: 0; padding: 3px; }
a:link, a:visited { color: #8C2F1F}

.cthulhu_text {
    font-family: 'IM Fell Great Primer', serif !important;
    font-weight: 400 !important;
    font-style: italic;
}
.nav-link {
    font-size: .9rem;
}

/* ################     NAVIGATION BAR     ################ */
.navbar-brand1 img { width: 175px; vertical-align: middle !important; }
.navbar-brand1 { background-color: #00010D; color: #F2CF66; }
.navbar-brand1 a.current { background-color: #00010D; color: #F2CF66; font-weight: bold; }
.navbar-brand1 div ul li a { font-family: 'Roboto', sans-serif; color: #F2CF66; }
.navbar-brand1 ul li a:hover, .navbar-brand1 ul li a:focus { background-color: #F2CF66; color: #00010D; font-weight: bold; }
.navbar .dropdown-menu { background-color: #00010D; color: white; }