.footer {
    
    .container-custom:first-child {
        border-top: 3px solid $black;
        border-bottom: 1px solid $black;
        padding-top: $size-md;
        padding-bottom: $size-lg;
    }

    &-nav {
        p, a {
            font-size: 9.75pt;
            font-weight: 300;
        }
    
        p {                        
            margin-bottom: $size-sm;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
    
        a {
            display: block;
            font-weight: 300;
            text-transform: capitalize;
            margin-top: 15px;
            @include transition(all, .2s, ease);
    
            &:hover,
            &.active {
                font-weight: 700;        
            }
        }
    }
    
    &-socials {
        text-align: center;
        
        a {
            display: inline-block;
            margin-right: 1.5rem;
        }

        &:last-child {
            margin-right: 0;
        }
    }  

    &-bottom {
        padding: $size-md 0 $size-sm;
    }  
}