.hero {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2e345c), to(#1d2033));
    background-image: linear-gradient(180deg, #2e345c, #1d2033);
    position: relative;
    background-image: url('/assets/images/hero-bg.png'), -webkit-gradient(linear, left top, left bottom, from(#2e345c), to(#1d2033));
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.bottom-shape {
    background-image: url('/assets/images/bottom-shape.png');
    background-size: 100% 72px;
    background-position: 50%;
}

.notification.hide{
    transform: translateX(110%);
}