/* CSS for footer */
.footer {
    background-color: #1f2125;
    padding: 5px 4%;
    /*margin: 5px 0 20px;*/
    text-align: center;
    width: 100%;
    
    font-style: normal;
    font-size: 0.8rem;
}

   
    .footer ul li {
        display: inline;
       
        margin-left: 0;
        margin-right: 6px;
        padding-left: 0;
        padding-right: 0;
        list-style: none;
    }

    .footer a {
        border-bottom: 0;
        color: #fff;
        position: relative;
    }

    .footer ul li a {
        padding-left: 3px;
        padding-right: 12px;
        position: relative;
        text-decoration: none;
        display: inline-block;
    }

footer li a:hover, footer li a:focus {
    color: #ddd;
    text-decoration: none;
}


    .footer ul {
        list-style: none; /*When we don't need any bullets to be displayed */
        margin: 0 auto;
    }

    .footer .pipe {
        position: relative;
        color: #fff;
        right: 0;
    }

    .footer p {
        color: #7f7f7f;
  
        margin: 24px 0;
    }

    .footer .ul.nav li {
        display: inline-block;
    }
    /*When we need to display a list horizontally*/

    .footer .social-links {
        padding: 24px 0 0;
        margin: 0 auto;
    }

        .footer .social-links li img {
            height: 22px;
            width: auto;
        }

        .footer .social-links li {
            padding-left: 10px;
        }

    .footer img {
        border: 0;
    }

img {
    display: inline-block;
    vertical-align: middle;
}
/* CSS for footer */