footer {
         background-color: #808080;     /* light grey */
         background-color: #33353B;     /* dark grey */
         background-color: #26282B;     /* light black */
         border-top: 2px solid #AAAAAA;
         position: relative;
         z-index: 1;   
         color: #FFFFFF;
         font-family:  Arial, Helvetica, sans-serif;
         width: 100%;  
    }

    footer .container-full {
        margin: 0 auto;
        width: 100%; 
        padding-right: 0;
        padding-left: 0;
    }

    footer #FooterNavContainer, 
    footer #FooterNavContainerNarrow   {  
        padding-right: 0;
        padding-left: 0;    
    }
 
    #FooterNavRow  {   
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 0px;   
        width: 100%;  
        min-width: 100%;
    }

    footer h5 {
         background-color: #808080;     /* light grey */
         background-color: #33353B;     /* dark grey */
         background-color: #26282B;     /* light black */ 
         border-bottom: 1px solid #998100;   /* dirty gold */
         color: #FFFFFF;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 18px;
         line-height: 36px;
         padding-left: 18px;
    }

    footer .footerColumn { padding:0;} 
    footer .footerColumn ul {margin:0; padding:0;} 

    footer .footerColumn ul li {
        color: #AAAAAA;
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        list-style: none outside none;
        padding: 1px 0 1px 15px;
        text-decoration: none;
    }

    footer .footerColumn ul li a {
       color: #AAAAAA;
       font-size: 1em;
      text-decoration: none;
    }

    footer .footerColumn ul li a:hover { color: #CCCCCC;  }

    /* Logo Section in Footer */

    footer .footerColumnLogo { 
        margin: 15px 0; 
        padding: 0 15px;
        text-align: center;
    }

    footer a.footer-logo:hover { opacity:0.6} 
    footer .footerColumnLogo img { margin: 0 auto; }
   
    footer .footerColumnLogo h5 {
        color: gold; 
        border-bottom: 0; 
        font-size: 26px;
        text-align: center;
    }

    footer a.social-icons > i { color: #999999; padding-right: 10px; }
    footer a.social-icons:hover { opacity: 0.6; }

    /* Copyright row in Footer */

    footer #FooterContainerCopyright { 
        border-top: 1px solid #998100;    /* dirty gold */
        padding-right: 0;
        padding-left: 0; 
    }
 
    footer #FooterRowCopyright  {  
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 0px;   
        width: 100%;  
        min-width: 100%;
    }
 
    footer #FooterCopyrightText { text-align: left; color: #999999; }
 
    footer #FooterTopOfPage {
        text-align:right; padding: 10px 15px 15px 0;
    }
    footer #FooterTopOfPage a .top-text { 
       font-size: 16px; 
        padding: 0 0 0px 6px; 
        font-weight:bold;
        line-height: 20px; 
        vertical-align:text-bottom; 
        height: 20px;
    }
    footer #FooterTopOfPage a { 
        text-decoration:none; color: #999999; vertical-align:middle;
    }
    footer #FooterTopOfPage a:hover { opacity: 0.6; }

@media screen and (max-width:767px){}

@media(min-width:768px){  
    footer .footerColumnLogo { margin: 15px auto; padding: 24px 0 0 0; }
} 

@media(min-width:992px){  
    footer .footerColumn { padding: 0 15px 0 0;} 
    footer .footerColumn h5 { padding-left: 0px; }
    footer .footerColumn ul li { padding-left: 0px; }
    footer .footerColumnLogo  { margin: 0 auto; padding: 48px 0 0 0;} 
    footer #FooterContainerCopyright { margin-top: 15px; }
    footer #FooterCopyrightText { padding-left: 0px; }
    footer #FooterTopOfPage { padding: 0; }
} 

@media (min-width:1200px) {
   footer .footerColumnLogo  { padding: 39px 0 0 0;} 
}