.footerContainer { width: 100%; padding: 40px 0 0; background: #EFF8FA; margin: 0; }
#footer { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; display: flex; }
.footerLogo { width: calc(100% - 700px); position: relative; }
.footerLogo img.leaf { position: absolute; width: auto; height: 240px; top: -120px; left: -100px; z-index: 0; }
.footerLogo img.leaf.leafHome { position: absolute; width: auto; height: 360px; top: -240px; left: -200px; z-index: 0; }
.footerLogo img.logo { position: absolute; width: 550px; height: auto; top: 140px; }
.footerContent { width: 700px; letter-spacing: 0.5px; display: flex; flex-wrap: wrap; }
.footerContent h4 { font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom: 0; }
.footerContent h4:first-child { margin-top: 0; }
.footerContent p { margin-top: 5px; }
.footerContent a { color: #211E1D; }
.footerContent p:last-child { margin-bottom: 0; }
.footerRow { width: 100%; margin: 0 0 40px; display: flex; flex-wrap: wrap; }
.footerRow h4 { width: 100%; }
.footerColumn { width: 50%; }
.footerSocial { padding: 5px 0 0; }
.footerSocial a svg { font-size: 25px; line-height: 25px; }

@media screen and (max-width: 1340px) { 
    .footerLogo { width: 500px; }
    .footerLogo img.leaf { height: 260px; top: -140px; left: -160px; }
    .footerLogo img.logo { width: 450px; }
    .footerContent { width: calc(100% - 500px); }
}

@media screen and (max-width: 1080px) { 
    .footerColumn { width: 100%; margin: 0 0 35px; }
    .footerRow div:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 900px) {
    #footer { flex-wrap: wrap; }
    .footerLogo { width: 100%; height: 280px; }
    .footerContent { width: 100%; }
}

@media screen and (max-width: 500px) { 
    .footerLogo img.logo { width: 100%; }
}

#credit { background: #00619D; color: #FFFFFF; font-size: 15px; line-height: 30px; padding: 20px 20px; width: calc(100% - 40px); text-align: center; }
#credit a { color: #FFFFFF; text-decoration: none; }
#credit .container { width: 100%; max-width: 1440px; margin: 0 auto; display: flex; }
#credit .copyright { width: calc(100% - 140px); text-align: left; }
#credit .poweredBy { width: 140px; text-align: right; }
#credit img { height: 30px; width: auto; margin: 0 0 0 4px; vertical-align: middle; border: none; }

@media screen and (max-width: 1000px) { 
    #credit .container { flex-wrap: wrap; }
    #credit .copyright { width: 100%; float: none; text-align: center; padding: 0 0 10px; }
    #credit .poweredBy { width: 100%; text-align: center; }
}

#dchcHours { width: 500px; }
#patientPortal { width: 800px; }
#dchcHours h3:first-child, #patientPortal h3:first-child { margin-top: 0; }