.footer {
    background: var(--footer-black-bg-color);
}

.footer h3 {
    color: var(--white-text-color);
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 60px;
}

.footer h4 {
    color: var(--white-text-color);
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.footer p {
    color: var(--footer-light-text-color);
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}

.footer .facebook {
    background: var(--footer-black-bg-color);
    border-radius: 50px;
}

.footer .twitter {
    background: var(--tiwiter-color);
    border-radius: 50px;
}

.footer .youtube {
    background: var(--youtube-color);
    border-radius: 50px;
}

.btm-section {
    background: var(--sub-nav-bg-color);
    padding-bottom: 20px;
    padding-top: 25px;
}

.btm-section a {
    text-decoration: none;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--footer-light-text-color);
}

.btm-section p {
    text-decoration: none;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--footer-light-text-color);
    margin-bottom: 12px;
}

.img-badge {
    padding-bottom: 40px;
}

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

#social {
    margin: 20px 0px;
}

.smGlobalBtn {
    /* global button class */
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: var(--white-text-color);
    font-size: 19px;
    line-height: 2em;
    border-radius: 25px;
}


/* facebook button class*/

.facebookBtn {
    background: var(--facebook-color);
}

.facebookBtn:before {
    /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a";
    /* add facebook icon */
}

.facebookBtn:hover {
    color: var(--facebook-color);
    background: var(--white-text-color);
}


/* twitter button class*/

.twitterBtn {
    background: var(--tiwiter-color);
}

.twitterBtn:before {
    font-family: "FontAwesome";
    content: "\f099";
    /* add twitter icon */
}

.twitterBtn:hover {
    color: var(--tiwiter-color);
    background: var(--white-text-color);
}


/* pinterest button class*/

.pinterestBtn {
    background: var(--pintrest-color);
}

.pinterestBtn:before {
    font-family: "FontAwesome";
    content: "\f167";
}

.pinterestBtn:hover {
    color: var(--pintrest-color);
    background: var(--white-text-color);
}


/* Media quries */

@media only screen and (max-width: 600px) {
    .btm-section a {
        font-size: 11px;
    }

    img.mt-2 {
        padding-bottom: 20px;
    }

    .img-badge {
        padding-bottom: 15px;
    }
}