html {
    scroll-behavior: smooth;
}

.text-agh-orange {
    color: #ff9900;
}

.text-linkedin {
    color: #2867b2;
}

.text-twitter {
    color: #00acee;
}

.text-facebook {
    color: #3b5998;
}

.bg-light-gray {
    background-color: #f1f1f1;
}

.bg-agh-gray {
    background-color: #484848;
}

.jumbotron {
    background: url('/images/older-business-man.jpg') center center;
    background-size: cover;
    height: 100vh;
    background-repeat:no-repeat;
}

#hero-description {
    background-color: rgba(0,0,0,0.7);
    width: 33%;
}

#intro-text {
    color: #cccccc;
    font-size: 1.05rem;
}

.washed-out-image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.25;
}

.washed-out-text {
    background-color: #c7c7c7;
}

.washed-out-link, a, a:hover {
    color: #c7c7c7;
}

    a#read-link:hover {
        color: #ff9900 !important;
    }

#breadcrumb-home a {
    color: #ff9900;
}

    #breadcrumb-home a:hover {
        color: #484848;
        text-decoration: none;
    }

.breadcrumb-item + .breadcrumb-item::before {
    color: #484848;
    font-family: 'FontAwesome';
    content: '\f101' !important;
}

#blog-cta a:hover {
    color: #ff9900 !important;
}

.dropdown-item:hover {
    font-weight: bold;
}

@media(max-width:992px) {
    #hero-description {
        width: 50%;
    }
}

@media(max-width: 800px) {
    #hero-description {
        min-width: 90vw !important;
        margin: 10rem auto !important;
    }
}

@media(max-width: 767px) {
    .jumbotron {
        background-position-x: 80%;
    }

    #hero-description {
        margin-top: 3rem !important;
    }


    @media(max-width: 425px) {
        .jumbotron {
            height: initial;
        }

        #hero-description {
            min-width: 90vw !important;
            margin: 5rem auto !important
        }
    }