.m-nav-light {

    * {
        color: white;
    }

    .nav-link {
        font-weight: 500;
    }

    .navbar-brand {
        font-weight: 600;
    }


    .nav-link:hover,
    .navbar-brand:hover {
        color: lightgray;
    }
}

.navbar .nav-link.active {
    color: red;
}

.m-bg-light {
    background-color: whitesmoke;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

#section1 {
    height: 85vh;
}

@media only screen and (max-width: 600px) {
    #section1 {
        height: 60vh;
    }
}

.m-bg-blue {
    background-color: rgb(1, 21, 77);
}

.m-bg-blue-opacity-1 {
    background-color: rgba(1, 21, 77, .1);
}

.m-border-blue {
    border-color: rgb(1, 21, 77);
}

.m-text-blue {
    color: rgb(1, 21, 77);
}

footer {
    background-color: whitesmoke;
}

.m-navbar-collapse {
    background-color: white;
    height: 100%;
    align-items: start;
    transition-property: all;
    transition-duration: 0.2s;
}