#mainContent {
    background-image: url("Sliced Images/Home/hero-bg2x.png");
    background-size: 50vw;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left 0px top 0px;
}

#home--custSucc__wrapper {
    transform: translate(42vw, 10vw);
    width: 36em;
}

#home--custSucc {
    padding: 1em 2em 3em 2em;
    background: white;
    position: relative;
    width: 36em;
    border-radius: 1em;
    border-bottom-right-radius: 10em;
    -webkit-box-shadow: 8px 20px 53px -1px rgba(0,0,0,0.1);
    -moz-box-shadow: 8px 20px 53px -1px rgba(0,0,0,0.1);
    box-shadow: 8px 20px 53px -1px rgba(0,0,0,0.1);
}

#home--custSucc__background {
    width: 288px;
    height:195px;
    background: url("Sliced Images/Home/hero-pattern.svg");
    position: absolute;
    right:-40px;
    top:-20px;
    z-index: -1;
}

#home--covidHelp .h1--title, #home--covidHelp, .home--covidHelp__box, .home--covidHelp__box .h3--heading_sub {
    margin: auto;
    text-align: center;
}

.home--covidHelp__box {
    width: 18em;
}

#home--covidHelp {
    margin-top: 22%;
}

#home--covidHelp__gridContainer {
    width: max-content;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10vw;
    margin-top: 3em;
}

.home--covidHelp__boxImg {
    margin: 20px auto;
    width: 131px;
}

.home--covidHelp__box .blue_link {
    font-weight: bold;
}

.home--covidHelp__box .content {
    margin-bottom: 2.5em;
}

#home--firstSupport {
    background-color: var(--global-color-secondary);
}

#home--firstSupport {
    margin-top: 8em;
}

#home--firstSupport__gridContainer {
    display: grid;
    grid-template-columns: auto 421px;
    width: 65vw;
    margin: auto;
    padding: 4em 0;
}

#home--firstSupport__gridContainer > div:nth-child(2) > img {
    width: 421px;
}

#home--firstSupport__imgBox {
    margin: auto;
    width: 421px;
}

#home--firstSupport__gridContainer > div:nth-child(1) {
    margin-right: 15%;
}


#home--firstSupport__monthSel {
    background-color: white;
    padding: 20px;
    border-radius: 50px;
    width: 55%;
    min-width: 320px;
}

#home--firstSupport__monthSel form {
    margin: auto auto;
}

#month {
    border: none;
    background: none;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: var(--global-text-primary);
    font-weight: bold;
}

#month:focus {
    outline: none;
}

#home--firstSupport__monthSel .link--rounded__green:hover {
    cursor:pointer;
}

#home--firstSupport__monthSel .link--rounded__green {
    float: right;
    transform: translate(8%, -27%);
    padding: 14px 46px;
    font-size: 16px;
    font-weight: bold;
}


@media only screen and (max-width: 1220px) {
    #home--custSucc__wrapper {
        transform: translate(20vw, 18vw);
    }
    #mainContent {
        background-size: 60vw;
    }
    #home--covidHelp__gridContainer
    {
        grid-gap: 2vw;
    }
    #home--firstSupport__gridContainer {
        width: 80vw;
    }
    
}

@media only screen and (max-width: 921px) {
    #home--covidHelp__gridContainer {
        grid-template-columns: auto auto auto auto;
    }
    
    .home--covidHelp__box {
        grid-column: span 2;
    }
    .home--covidHelp__box:nth-last-child(1):nth-child(odd) {
	grid-column: 2 / span 2;
    }
    #home--firstSupport__gridContainer {
        grid-template-columns: auto;
        grid-gap: 20px;
    }
    #home--firstSupport__gridContainer > div:nth-child(2) {
        grid-row: 2;
    }
    #home--firstSupport__imgBox > img {
    width: 400px;
    }
}

@media only screen and (max-width: 620px) {
    #home--covidHelp__gridContainer {
        display: block;
    }
    
    .home--covidHelp__box {
        margin-bottom: 4em;
    }
    
    #home--firstSupport__imgBox > img, #home--firstSupport__imgBox {
        width: 300px;
    }
    #home--firstSupport__gridContainer {
        width: 80vw;
    }
    
    #home--firstSupport__gridContainer {
        width: 96vw;
    }
    
    #home--firstSupport__imgBox > img, #home--firstSupport__imgBox {
        width: 260px;
    }
    
    #home--firstSupport__gridContainer > div:nth-child(1) {
        margin: auto;
    }
}

@media only screen and (max-width: 875px) {
    #home--custSucc__wrapper {
        transform: translate(0, 60vw);
        width: 80vw;
    }
    #home--custSucc {
        width: 80vw;
    }
    
    #home--custSucc__background {
        right:70px;
        top:-50px;
    }
    
    #mainContent {
        background-size: 100vw;
    }
    
    #home--covidHelp {
        margin-top: 66%;
    }
    
    #home--firstSupport__monthSel {
        width: 81%;
    }
    
}

@media only screen and (max-width: 360px) {
    #home--firstSupport__monthSel .link--rounded__green {
        padding: 14px 20px;
    }
    
    #home--firstSupport__monthSel {
        min-width: 246px;
        margin: auto;
    }
}