body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

header .nav-item,
header .btn {
    font-weight: 500;
}

header.navbar-light .navbar-nav .nav-link.current span {
    box-shadow: inset 0 -0.4rem 0 #ffa;
}

header.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

header .navbar-nav-menu-login,
header .navbar-nav-trigger {
    display: none;
}
    
@media (max-width: 991.98px) {

    header .navbar-nav-branding,
    header .navbar-nav-trigger {
        display: flex;
        z-index: 21;
    }
    
    header .navbar-nav-trigger-close,
    header .navbar-nav-register,
    header .navbar-nav-menu {
        display: none;
    }
    
    body.navbar-nav-menu-on {
        overflow: hidden;
    }
    
        body.navbar-nav-menu-on header .container {
            margin: auto 1rem;
            max-width: 100%;
        }

        body.navbar-nav-menu-on header .navbar-nav-trigger-open {
            display: none;
        }

        body.navbar-nav-menu-on header .navbar-nav-trigger-close {
            display: inline-block;
        }

        body.navbar-nav-menu-on header .navbar-nav-menu-login {
            display: block;
        }

        body.navbar-nav-menu-on header .navbar-nav-trigger {
            display: flex;
        }
        
        body.navbar-nav-menu-on header .navbar-nav-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            padding: 22% 2rem;
            z-index: 20;
            display: flex;
            flex-direction: column;
            background: white;
            font-size: 2rem;
        }
        
        body.navbar-nav-menu-on header.navbar-light .navbar-nav .nav-link.current span {
            box-shadow: inset 0 -7px 0 #ff9;
        }

}


.btn.btn-primary,
.btn.btn-outline-primary {
    font-weight: 500;
}

.page-header {
    text-align: center;
    margin: 5rem auto 4rem;
}

.page-header .lead {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

.page-header-hero {
    text-align: left;
    margin: auto;
}

.page-header .lead {
    color: #6c757d!important;
}

.text-small {
    font-size: 85%;
}

li > p {
    margin-bottom: 0.2rem;
}

strong {
    font-weight: bold;
}

em {
    font-style: normal;
    box-shadow: inset 0 -7px 0 #ff9;
}

footer {
    font-size: 85%;
}

.features-menu {
    max-width: 600px;
    margin: 0 auto 1rem;
}

.features {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.features-item {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

.features-item.current {
    font-weight: bold;
}

.list-lead {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5rem;
}

.list-lead li {
    display: flex;
    margin-bottom: 0.25rem;
}

.list-lead li i {
    display: block;
    margin-right: 0.5em;
    padding-top: 0.2rem;
}

.list-lead li span {
    display: block;
}


#home {
    background: linear-gradient(#f8f9fa, transparent);
}

#home-text {
    padding-top: 3rem;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) { 
    #home-text {
        padding-top: 6rem;
    }
}

@media (min-width: 992px) {
    #home .container {
        background-image: url(/res/img/illustrations/pile-of-work.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 50%;
    }
    #home-text {
        padding-top: 9rem;
        max-width: 450px;
    }
}

@media (min-width: 1200px) {
    #home-text {
        padding-top: 12rem;
        max-width: 600px;
    }
}

.fa-bg {
    font-size: 1.25rem;
    padding: 0.75rem;
    background: #f0f5fd;
    border-radius: 2rem;
}