html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

main {
    background: rgb(2, 14, 32);
    background: linear-gradient(180deg, rgba(2, 14, 32, 1) 0%, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 1) 100%);
}

.ssc-logo {
    max-width: 500px;
}

.image-hero-container {
    padding-top: 20px;
}

.section-hero .typography-intro {
    color: #C6E1E6;;
}

@media only screen and (max-width: 735px) {
    main {
        background: #000;
    }

    .ssc-logo {
        max-width: 100%;
    }

    .image-hero-container {
        padding-top: 0px;
    }   
}