#mainContent {
    background-image: url("Sliced Images/Header/header-bg-desktop.svg");
	background-attachment: scroll;
	background-repeat:repeat-x;
	background-position: center top;
    overflow: hidden;
}

#story--custSucc {
    text-align: center;
    margin-top: 3em;
    max-width: 1000px;
    margin: auto;
    padding: 25px;
}


#story--grid {
    display: grid;
    grid-template-columns: 50% 50%;
    max-width: 70vw;
    margin: auto;
    grid-gap: 1em;
    margin-top: 7em;
}

.story--imgCont img {
    width: 100%;
}

.story--imgCont {
    margin: auto;
    width: fit-content;
}

@media only screen and (max-width: 1367px)
{
    #story--grid {
        max-width: 90vw;
}

@media only screen and (max-width: 768px) {
    #story--custSucc {
        text-align: left;
        margin-left: 1em;
        margin-top: 7%;
        padding: 0px;
    }
}

@media only screen and (max-width: 700px) {
    #story--grid {
        grid-template-columns: auto;
    }
    
    #story--grid > div:nth-child(1) {
        grid-row: 2;
    }
    
    #story--grid > div:nth-child(2) {
        grid-row: 1;
    }
    
    #story--grid > div:nth-child(6) {
        grid-row: 5;
    }
}

@media only screen and (max-width: 398px) {
    #mainContent {
        background-image: url("Sliced Images/Header/header-bg-mobile.svg");
        
    }
    
    #story--custSucc {
        margin-top: 0;
    }
    
    #story--custSucc > p {
        margin: 8px auto;
    }
    
    #story--custSucc > h1 {
        margin: 5px auto;
    }
    
}