ul.lcul {
    font-size: 18px;
    list-style-type: disc;
}

li.lcli { padding-bottom: 25px;
}

.breadcrumb {
padding-left: 0px;
}

h1 {
padding-bottom: 20px;
}


@media (max-width: 767px) {

.breadcrumb {
margin-bottom: 1rem;
}

h1 {
margin-top: -30px !important;
}
}

.learningcenter-hero {
    background-image: url(/~/media/Feature/LearningCenter/learning-center-hero.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    /*background-color: #fbeef0;*/
    padding: 1rem;
}

#subnav:focus {
    outline: none;
}

@media (min-width: 990px) {
    .learningcenter-hero {
        padding: 3rem;
        background-position: center left;
    }
}

.learningcenter-hero p {
    max-width: 800px;
}

 

@media (min-width: 1400px) {
    .learningcenter-hero {
        background-position: center right;
        background-size: contain;
    }

}

.sidebar_sticky {
        position: sticky;
        position: -webkit-sticky;
        top: 5rem;
    }

@media (max-width: 990px){
  li.breadcumb-item:last-child {
    max-width: 250px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.sidebar_sticky{
display:none;
}
}<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600italic,700italic,300,600,700,800" rel="stylesheet" />

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600italic,700italic,300,600,700,800" rel="stylesheet" />

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />