html {
    scroll-behavior: smooth;
    scroll-padding-top: 150px;
}
/* adjust scroll offset for mobile header */
@media( max-width: 767px){
    html {
        scroll-padding-top: 60px;
    }  
}