body {
    background-color: #f5f5f5;
}


.internal:link {
    color: #e65100;
    text-decoration: none;
}

.internal:visited {
    color: #e65100;
    text-decoration: none;
}

.internal:hover {
    color: #ff833a;
}


#title {
    padding-left: 8%;
    padding-top: 3%;
    color: white;
    size: 100px;
    font-family: 'Source Serif Pro', serif;
    
}

.banner_text{

    padding: 1%;
    background-color:  rgba(33,33,33,0.5);
    /* width: 1100px; */
    width: 65%;
    height: 20%;
}

#project_text{
    /* width: 400px */
    width: 22%;
}



.jumbotron{
    min-height: 350px;
    background-color: #212121;
    background: url(https://images.pexels.com/photos/2603464/pexels-photo-2603464.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
}

#project_jumbo{
    background: url(https://images.pexels.com/photos/2047905/pexels-photo-2047905.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260) center center;
    background-repeat: no-repeat;
    background-color: black;
}
#mainNavbar {
    padding-left: 50px;
    padding-top: 20px;
    /* background-color: rgba(33,33,33,0.5); */
}

.navbar-dark .navbar-brand {
    font-family: 'Source Serif Pro', serif
}

.navbar-nav .nav-link {
    font-family: 'Source Serif Pro', serif
}

.navbar.scrolled {
    background: rgb(34, 31, 31);
    transition: background 500ms
}

.font-weight-light {
    font-family: 'Source Serif Pro', serif
}

.icon {
    width: 100px;
    height: 80px;
    padding-left: 10px;
    padding-right: 10px;
}

.image_link:hover{
    text-decoration: none;
}