/* Move down content because we have a fixed navbar that is 50px tall */
    
    .navbar li a {
        color: black;
        font-size: 16px;
    }
    
    .navbar {
        margin-bottom: 0px;
    }
    
    .navbar-header img {
        position: relative;
        bottom: 9px;
    }

    body {
        background-image: url("books-light.png");
     	background-repeat: no-repeat;
  	background-size: cover;
    }   
 
    #jumbotronMain {
        background-position: 50% 55%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        color: black;
	background: rgb(255,255,255,0.5);
    }
    
    // The followning to is to be able to avoid using navbar-default (which gives gray text and marks the active one with gray background).
    // If the default is not used, the collapsable menu button is not shown when shrinking the page. 
    // Comes from http://stackoverflow.com/questions/21733951/bootstrap-3-navbar-toggle-collapses-but-button-does-not-appear
    .navbar-toggle {
        border: 1px solid #444;
    }
    
    .icon-bar {
        border: 1px solid #444;
    }
    
    p,
    li {
        font-size: 16px;
    }
    
    #modellingColumn,
    #hpcColumn,
    #inferenceColumn p {}
    
    #modellingFigure {
        top: 10px;
        margin-bottom: 50px;
    }
    
    figure {
        text-align: center;
    }
    
    footer .jumbotron {
        margin-bottom: 0px;
        margin-top: 50px;
        text-align: center;
        padding: 10px 10px;
        width: 100%;
	background: rgb(255,255,255,0.5);
    }
    
    footer p {
        font-size: 14px !important;
    }
    
    .jumbotronHeader {
        background-color: lightgray;
        //#EBD16C; //#E2B81D; //#EDD374; //#E4BB29;       
        //height: 10px;
        padding: 1px 1px;
        text-align: center;
        width: 100%;
    }
    
    .vertical-center {
        display: flex;
        align-items: center;
        text-align: center;
    }