#splash-container, #main-canvas { 
overflow: visible !important; 
}

.position-sticky { 
position: sticky!important;
top:0!important;
}

.sticky-nav {
    position: -webkit-sticky !important;
}

.position-sticky-mobile {
  position: -webkit-sticky;
  position: sticky;
}
 
.shadow {
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.box-shadow {
    -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
}

.button-hover {
    transition: all .15s ease;
}

.hero {
    background: red;
    position: relative;
}

.hero::after {
    content: '';
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: skewY(-12deg);
    background-color: yellow;
}