html, body {
    height: 100%;
    width: 100%;
    position: relative;
}

/* ---- Section ---- */

section {
    min-height: 100%;
    min-height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    padding-top: 120px;
}

    /* ---- Landing Section ---- */

    section#landing {
        background-color: #000000;
        background-image: url('/images/backgrounds/001.jpg');
    }

        section#landing,
        section#landing .container-fluid,
        section#landing .container-fluid .row {
            height: 100%;
        }



    /* ---- Home Section ---- */

    section#home {
        background-image: url('../images/backgrounds/002.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-attachment: fixed;
    }

        section#home,
        section#home .container-fluid,
        section#home .container-fluid .row {
            height: 100%;
            width: 100%;
        }





    /* ---- About Section ---- */

    section#about {
        background-image: url('../images/backgrounds/003.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-attachment: fixed;
    }

        section#about,
        section#about .container-fluid,
        section#about .container-fluid .row {
            height: 100%;
            width: 100%;
        }

    /* ---- Work Section ---- */

    section#work .container-fluid > .row {
        min-height: 100vh;
    }

/* ---- Main Nav ---- */
.navbar-nav .nav-link {
    text-transform: uppercase;
    font-weight: bold;
}

.navbar.bg-white {
    border-bottom: 1px solid #ffffff;
}


/* ---- More Button ---- */

.btn-more {
    text-transform: lowercase;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

.btn-more:hover {
    color: #000000;
    text-decoration: none;
}