html, body, .view {
    height: 100%;
}

.navbar {
    background-color: transparent;
}

.navbar-brand {
    color: #fff !important;
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    background-color: #1C2331;
}

footer.page-footer {
    background-color: #1C2331;
    margin-top: -1px;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331;
    }

    .navbar-brand {
        color: #fff !important;
    }

    .card {
        margin-top: 25px;
        min-height: 10vh;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .card {
        margin-top: 25px;
        min-height: 10vh;
    }
}

@media only screen and (min-width: 992px) {
    .col-lg-4 {
        margin-top: 25px;
        height: 100%;
        min-height: 505px;
    }
}

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}

.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}

.flex-center {
    color: #fff;
}

.view {
    background: url("../img/seattlehdr-min.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.namePlate {
    position: relative;
    top: -12vh;
}

.spacer {
    height: 20vh;
}

.mediumSpacer {
    height: 15vh;
}

.smallSpacer {
    height: 5vh;
}

.bigIcon {
    font-size: 3em;
}

.gitSize {
    color: #4078c0;
    font-size: 2.5em;
    float: right;
}

.gitShadow {
    text-shadow: 0 2px 5px rgba(0,0,0,.16), 0 2px 10px rgba(0,0,0,.12);
}

.nav-item {
    margin: 0 5px;
}

.cent {
    text-align: center;
}

.secondaryColor {
    color: #001eff;
}

.pillBox {
    margin-top: 1em;
}

.linkedIn {
    color: #0077b5;
}

.gitHub {
    color: #4078c0;
}

.codePen {
    color: #000;
}

.freeCodeCamp {
    color: #006400;
}

.twitter {
    color: #1da1f2;
}

.email {
    color: #ffd900;
}

.email:hover {
    cursor: pointer;
}

.portrait {
    border-radius: 50%;
    height: 250px;
    margin: 0 auto;
}

.hidden {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.hidden:hover {
    cursor: default;
}

.show {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#emailDisplayBottom {
    margin-left: -100%;
    margin-right: -100%;
    text-align: center;
}