@import url('modules/typography.css');
@import url('modules/buttons.css');
@import url('modules/heroes.css');

body {
    background-color: #E0E2DB;
}



.nav-link {
    Color: #194019
}

.nav-link.active {
    background-color: #194019 !important
}



.section {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.overlay .container {
    z-index: 1;
    position: relative;
}

@media screen and (max-width: 600px) {

    header .nav-links { width:100%; display:flex; justify-content:space-between;}
    .overlay p.lead,
    .overlay h1,
    .overlay .btn {
        color: #fff !important;
        position: relative;
        z-index: 999999;
        text-align: center;
    }

}

#welcome .row {
    align-content: center;
    height: 100%;
    justify-content: start;
}