/* bootswatch overrides - theme.lux */
.navbar {
    padding: 0.5rem 0.25rem;
}

/* END bootswatch overrides - theme.lux */


body {
    /* account for fixed navbar */
    padding-top: 52px;
    /* What kind of monster would squish our meat? */
    min-width  : 250px;
}

main {
    margin-top: 2rem;
    padding   : 0;
}

footer {
    margin     : 3rem auto;
    font-size  : 1rem;
    line-height: 0.75rem;
}

#Hero {
    margin             : 0;
    padding            : 0;
    width              : 100%;
    background-image   : url(/img/hero-jj-600x257.jpg);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: right center;
    height             : 33vh;
}

#Logo {
    margin-bottom: 1.75rem;
}

#LogoImg {
    max-width: 90%;
    margin   : auto;
    display  : block;
}

.meat-train {
    color       : rgba(137, 28, 2, 255);
    font-weight : bold;
    font-variant: small-caps;
    font-size   : 1.5rem;
}

.sconed {
    font-size: 90%;
}

/* 
Responsive Design

    576px for extra small devices like portrait mode phones
    768px for small devices like landscape phones
    992px for medium devices like tablets
    1200px for large devices like desktops
    2560px for extra large devices like large desktops
*/

@media (min-width: 576px) {
    #Hero {
        background-image   : url(/img/hero-kindler-2160x925.jpg);
        background-position: left 33% center;
        height             : 66vh;
    }

    main {
        font-size: 1.25rem;
    }
}