.search-mobile{
    display:none;
}

body .component-hero .description,
body .component-hero p{
    line-height:inherit;
}

.sustainability-menu{
    overflow-x:auto;
    position:sticky;
    z-index:2;
    top: calc(var(--headerHeight) * 1px);
    margin-bottom: 0;
    background-color:#EAEAEA;
}

.sustainability-menu ul{
    min-width:40rem;
    list-style:none;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    margin:0;
}

.sustainability-menu ul li{
    padding-left: 1rem;
    padding-right: 1rem;
    flex: auto;
    text-align:center;
    order:1;
}

.sustainability-menu ul li.active{
    order:0;
}

.sustainability-menu ul li a{
    color:#000;
    display:inline-block;
    padding:2rem 0;
    text-decoration:underline;
    text-transform:uppercase;
    position:relative;
}

.sustainability-menu ul li a:hover,
.sustainability-menu ul li.active a{
    text-decoration:none;
}

.sustainability-menu ul li.active a:before{
    background-color:#000;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    width:100%;
}

@media (min-width: 768px){

    .sustainability-menu ul li a{
        padding:1.2rem 0;
    }
}

@media (min-width: 992px){

    .sustainability-menu ul{
        padding: 0;
    }

    .sustainability-menu ul li{
        width: 100%;
    }

    .sustainability-menu ul li.active{
        order:1;
    }

    .sustainability-menu ul li a{
        padding:1.7rem 0;
    }
}

@media (min-width: 1200px){

    .sustainability-menu ul{
        max-width: 1200px;
        margin: 0 auto;
    }
}