#banner { }
#main.general .container:first-of-type { min-height: 540px; overflow: hidden; }

@media only screen and (min-width: 1260px)
{
    #banner.general { height: 600px; }
    #main.general .container:first-of-type { margin-top: -420px !important; }

    #banner h1 { padding: 10px 0px 10px 200px; min-width: 1200px; height: 140px; top: 20px; font-size: 44px; line-height: 60px; }

}
@media only screen and (min-width: 761px) and (max-width: 1259px) 
{
    #banner.general { height: 600px; }
    #main.general .container:first-of-type { margin-top: -420px !important; }
    
    #banner h1 { position: absolute; left: 50%; transform: translate(-50%, 0); white-space: nowrap; }
    #banner h1 { padding: 10px 0px 10px 200px; width: 90%; height: 140px; top: 20px; font-size: 34px; line-height: 60px; }

}
@media only screen and (max-width: 760px) 
{
    #banner.general { height: 600px; }
    #main.general .container:first-of-type { margin-top: -480px !important; min-height: unset; }

    #banner h1 { padding: 0px !important; margin: 24px auto; 
                width: 96%; min-width: unset !important; height: auto !important;
                font-size: 22px !important; line-height: 36px !important;
                text-align: center !important;
                background: none !important; }
}

/*#main .side-menu nav > ul > li { background-color: #1c5f47 !important; }
#main .side-menu nav > ul > li:hover { background-color: #46c187 !important; }
#main .side-menu nav > ul > li > ul > li { background-color: #22935f !important; }
#main .side-menu nav > ul > li > ul > li:hover { background-color: #46c187 !important; }
#main .side-menu nav > ul > li > ul > li.active { background-color: #46c187 !important; }

#main .content h3 { color: #26493b !important; }
#main .content h4 { color: #22935f !important; }
#main .content h5 { color: #34554b !important; }
#main .content a { color: #22935f !important; }
#main .content a:hover { color: #46c187 !important; }
#main .content table td { background-color: #eefaf0; }
#main .content blockquote { background-color: #eefaf0; }*/

#main .side-menu nav > ul > li { background-color: #424242 !important; }
#main .side-menu nav > ul > li:hover { background-color: #8f8f8f !important; }
#main .side-menu nav > ul > li > ul > li { background-color: #636363 !important; }
#main .side-menu nav > ul > li > ul > li:hover { background-color: #8f8f8f !important; }
#main .side-menu nav > ul > li > ul > li.active { background-color: #8f8f8f !important; }

#main .content h3 { color: #303233 !important; }
#main .content h4 { color: #636363 !important; }
#main .content h5 { color: #444b49 !important; }
/*#main .content a { color: #636363 !important; }
#main .content a:hover { color: #8f8f8f !important; }*/
#main .content table td { background-color: #d0cfcf; }
#main .content blockquote { background-color: #d0cfcf; }

#main .content .form table td { background-color: #d8e1e6; }
#main .content .form table small { color: #344955; }
#main .content .form .input { border: solid 1px #a5a9ae; }