#aa-footer {
    padding: 0 10px;
    background: #202226;
    color: #d3d3d5;
    border-top: 2px solid #fc0
}

@media screen and (min-width: 768px) {
    #aa-footer {
        padding: 0 20px
    }
}

#aa-footer .footer-wrap {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
    padding: 20px
}

@media screen and (min-width: 768px) {
    #aa-footer .footer-wrap {
        padding: 50px
    }
}

@media screen and (min-width: 768px) {
    #aa-footer .footer-wrap {
        padding: 50px
    }
}

#aa-footer .footerlinks ul {
    display: none
}

@media screen and (min-width: 768px) {
    #aa-footer .footerlinks ul {
        display: block;
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 30px
    }
}

@media screen and (min-width: 1160px) {
    #aa-footer .footerlinks ul {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

#aa-footer .footerlinks ul li {
    line-height: 1.4;
    margin: 0 0 ;
    margin: 0 0 10px;
    font-weight: 300;
    font-size: 14px;
    font-size: .875rem
}

#aa-footer .footerlinks ul li H6 {
    font-weight: 600;
    font-size:15px;
    font-size: .9375rem;
    padding: 0;
    margin: 0 0 5px;
    margin: 0 0 .3rem
}

#aa-footer .generic-links {
	margin-top: 50px;
    margin-top: 3.125rem
}

#aa-footer .generic-links ul {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    list-style-type: none;
    clear: both;
    margin: 0 0 20px
}

@media screen and (min-width: 768px) {
    #aa-footer .generic-links ul {
        margin-left: 0;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 768px) {
    #aa-footer .generic-links ul li {
        display: inline;
        padding: 0 11px 0 0;
        font-weight: 600
    }
    #aa-footer .generic-links ul li:not(:last-child):after {
        content: '\007C';
        padding-left: 15px;
        display: inline-block
    }
    #aa-footer .generic-links ul li:first-child {
        padding-left: 0
    }
    #aa-footer .generic-links ul li:last-child {
        padding-right: 0
    }
}

#aa-footer .generic-links ul:last-child li {
	font-size:14px;
    font-size: .875rem;
    font-weight: 300
}

#aa-footer a {
    color: #d3d3d5;
    text-decoration: none;
    -moz-transition: border-color .2s linear;
    -o-transition: border-color .2s linear;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

#aa-footer a:hover {
    border-bottom: 1px solid #fc0;
    text-decoration: none
}

#aa-footer p {
    clear: both;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    #aa-footer p {
        margin: 0 40px
    }
}

#aa-footer p.copyright {
    width: 100%;
    float: left;
    padding-right: 20px;
    padding-left: 0;
    margin: 20px 0;
    font-weight: 300;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px) {
    #aa-footer p.copyright {
        margin-top: 40px
    }
}

#aa-footer .footerlinks,
#aa-footer .generic-links {
    margin-left: -20px;
    margin-right: -20px
}

#aa-footer .footer-wrap:after,
#aa-footer .footerlinks:after,
#aa-footer .generic-links:after {
    content: "";
    display: table;
    clear: both
}