@media (min-width: 768px) {

    }

    #header {
        width: 100%;
        height: 60px;
        border-bottom: 0.1px solid black;
        position: fixed;
        padding: 10px;
        background: rgba(255, 255, 255, 1);
        z-index: 90000;
        top: 0;
        font-weight: 100;
        letter-spacing: 2px;
    }

    #header h1 {
        font-weight: 100 !important;
        margin-left: 20px;
        margin-top: -5px;
    }

    #mainbar {
        margin-top: 60px;
    }

    #mainbar h1, #mainbar h2, #mainbar h3 {
        padding: 20px;
        text-align: center;
    }

    #project-types, #type-nav {
        padding: 20px;
        text-align: center;
    }

    .type-link:hover {
        color: green;
        cursor: pointer;
    }

    .type-link {
        margin: 10px;
    }

    .container-fluid {
        padding: 0px;
    }

    .ug-thumb-wrapper, .ug-thumb-wrapper , .ug-tile , .ug-thumb-ratio-set {
        transition: opacity 0.5s ease !important;
        -webkit-transition: opacity 0.5s ease !important;
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
    }

    .type-link, a {
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
    }

    .nav-link {
        color: #333;
    }

    a:hover {
        color: green !important;
    }

    .active {
        color: green;
    }