#breadcrumb {
    font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
    background: linear-gradient(90deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.80) 35%, rgba(0,0,0,0.10) 100%);
    padding:0;
    color: white;
    padding:8px 8px 12px 8px;
    margin: -6px -16px 0 16px;
    color: white;
    font-weight:normal;
    font-size:1em;
    text-shadow:0px 0px 8px rgba(0,0,0,0.50);;
}

#breadcrumb a {
    color: white;
    margin:0;
	text-decoration: underline;
}
#breadcrumb a:hover {

}
#breadcrumb .part:last-child {
    font-size:1.4em;
    margin:-4px 0 0 0;
    padding:0 0 0 0;
}

/*
#breadcrumb .nav-tabs {
    border: 0 !important;
    background:rgba(0, 69, 107,0.1);
    padding:0; margin:0;
}
#breadcrumb .nav-tabs:hover, #breadcrumb .nav-tabs>li>a:hover  {
    background:#000;
    color:#FFF; border:none;
    border:1px solid #000;
}
#breadcrumb .nav-tabs>li>a { margin:0;}
#breadcrumb nav { height:0; position:relative; z-index:21; top:-36px; border:none;}
#breadcrumb ul.nav {  border:none;}
#breadcrumb li.dropdown { white-space:nowrap; border:none;}
#breadcrumb li.dropdown a { color:black; text-decoration:none;}
#breadcrumb .nav .open>a { border:0;}
#breadcrumb .dropdown-menu {
    left: auto;
    right:-16px;
    top:38px;
    z-index:1000;
}
#breadcrumb .dropdown-menu li a{
     border-bottom:1px solid #EEE;
}
#breadcrumb .nav>li>a {
    position: relative;
    display: block;
    padding: 8px;
}
*/
/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
   #breadcrumb {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        z-index: 1040;
        background: linear-gradient(90deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.10) 5%, rgba(0,0,0,0.70) 15%,rgba(0,0,0,0.70) 60%, rgba(0,0,0,0.0) 95%);   
        padding-left: 48px;
    }
    #breadcrumb h2{
        display:block;
    }

}