#mainNav .navbar-nav .nav-item .nav-link.active {
    color: #0c7170 !important;
}

.bg-primary {
    background-color: #0c7170 !important;
}

hr.divider {
    border-color: #0c7170!important;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #0c7170 !important;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption {
    background: rgba(12, 113, 112, 0.75) !important;
}

.myColor {
    color: #0c7170 !important;
}


#mainNav.navbar-scrolled .navbar-brand:hover {
    color: #0c7170 !important;
}












#myportfolio .container-fluid {
    max-width: 1920px;
}

    #myportfolio .container-fluid .portfolio-box {
        position: relative;
        display: block;
    }

        #myportfolio .container-fluid .portfolio-box .portfolio-box-caption {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: 0;
            text-align: center;
            opacity: 0;
            color: #fff;
            background: rgba(12, 113, 112, 0.75) !important;
            -webkit-transition: opacity 0.25s ease;
            transition: opacity 0.25s ease;
            text-align: center;
        }

            #myportfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category {
                font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                font-size: 0.85rem;
                font-weight: 600;
                text-transform: uppercase;
            }

            #myportfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name {
                font-size: 1.2rem;
            }

        #myportfolio .container-fluid .portfolio-box:hover .portfolio-box-caption {
            opacity: 1;
        }










div#speedbump {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    background: #eeeeee;
}

#speedbump h4.modal-title {
    text-align: center;
    text-transform: uppercase;
    color: #004795;
    font-size: 2.5em;
}

.modal-body p {
    text-align: center;
    font-size: 1em;
}

button.btn-modal:hover {
    cursor: pointer;
}

button.btn-modal.btn-continue {
    background-color: #8bc63e;
    border: 0px;
    margin: 1% 0;
}

button.btn-modal.btn-close {
    background-color: inherit;
    border: 1px solid #030000;
    color: #030000;
    font-weight: 400;
}

.modal-header .close {
    font-size: 3.5em;
}