#home .header h2,
#documenthero .header h2,
#keyhero .header h2,
#faqhero .header h2,
#contacthero .header h2,
#claimshero .header h2 {
    background-color: transparent !important;
    color: #fff !important;
    text-shadow: 2px 2px 2px #000;
}



#home .header .base-header,
#documenthero .header .base-header,
#contacthero .header .base-header,
#faqhero .header .base-header,
#keyhero .header .base-header,
#claimshero .header .base-header {
    background: none !important;
}

#documenthero,
#contacthero,
#claimshero,
#keyhero {
    margin-bottom: 2em;
}

#documenthero .header p,
#faqhero .header p,
#keyhero .header p,
#contacthero .header p {
    color: #fff !important;
}

#keyhero .header a,
#faqhero .header a,
#documenthero .header a,
#contacthero .header a {
    color: #fff !important;
    text-decoration: underline;
}

#home .header,
#contacthero .header,
#documenthero .header,
#faqhero .header,
#keyhero .header,
#claimshero .header {
    padding: 120px 0px 80px !important;
    margin-top: 0;
}

#home,
#documenthero,
#contacthero,
#keyhero,
#faqhero,
#claimshero {
    background: #000 url(/sites/sut/sut-bg.webp) no-repeat;
    background-size: cover;
    background-size: 100%;
    background-position: center bottom -120px;

}



#hometext {
    background-color: #600;
    color: #fff;
    padding: 1em 0;
}

#homebuttons {
    background-color: #f0e5e5;
    padding: 1em 0;
    text-align: center;
}

#homebuttons a {
    display: inline-block;
    padding: 10px;
    min-width: 360px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#homebuttons a.red {
    background-color: #600;
    border: solid 2px #600;
    color: #fff !important;
}

#homebuttons a.green {
    background-color: #fc0;
    border: solid 5px #336600;
    color: #000 !important;
}

#homebuttons a.green:hover {
    background-color: #336600;
    border: solid 5px #336600;
    color: #fff !important;
    text-decoration: none !important;
}

#main .header h2 {
    text-transform: none !important;
}


#homebuttons a:last-child {
    margin-top: 10px;
}

@media (max-width:768px) {
    #header {
        margin-bottom: 0 !important;
    }

    #home,
    #documenthero,
    #contacthero,
    #keyhero,
    #faqhero,
    #claimshero {
        background: #000 url(/sites/sut/sut-bg.webp) no-repeat;
        background-size: cover;

    }
}

@media (max-width:480px) {
    #main .header h2 {
        width: 100% !important;
    }

    #homebuttons a {
        min-width: 0;
        max-width: 260px;
    }
    
    #home,
    #documenthero,
    #contacthero,
    #keyhero,
    #faqhero,
    #claimshero {
        background: #000 url(/sites/sut/sut-bg-mobile.webp) no-repeat;
        background-size: cover;

    }

    #home .header,
    #contacthero .header,
    #documenthero .header,
    #faqhero .header,
    #keyhero .header,
    #claimshero .header {
        padding: 60px 0px !important;
    }
}