footer {
    background-color: #ffffff;
}

/*!
 * *********************************************************************************
 * FOOTER
 * author: Rastreator.com
 ***********************************************************************************/
#footer ul {
    margin: 40px auto 25px auto;
    text-align: center
}

    #footer ul a:last-child li {
        margin-right: 0
    }

    #footer ul li {
        cursor: pointer;
        display: inline-block;
        margin-right: 30px
    }

#footer .nav-footer {
    font-size: 14px;
    font-family: RalewaySemiBold;
    margin-bottom: 30px
}

    #footer .nav-footer a {
        color: #7f7f7f;
        padding: 0 15px
    }

        #footer .nav-footer a:hover {
            color: #333;
            text-decoration: none
        }

#footer hr {
    height: 1px;
    border: .5px solid #eee
}

#footer .logo-footer {
    margin: 10px auto 25px
}

#footer .copyright {
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    color: #979797;
    font-family: RalewayMedium;
    margin-bottom: 40px
}

#footer .twitter {
    background-position: -7px -111px;
    width: 38px;
    height: 30px
}

    #footer .twitter:hover {
        background-position: -6px -151px
    }

#footer .facebook {
    background-position: -54px -109px;
    width: 19px;
    height: 30px
}

    #footer .facebook:hover {
        background-position: -54px -149px
    }

#footer .linkedin {
    background-position: -84px -110px;
    width: 31px;
    height: 30px
}

    #footer .linkedin:hover {
        background-position: -85px -150px
    }

#footer .instagram {
    background-position: -124px -110px;
    width: 31px;
    height: 30px
}

    #footer .instagram:hover {
        background-position: -125px -149px
    }

@media only screen and (min-width: 768px) {
    #footer {
        height: 75px
    }

        #footer .logo-footer {
            margin: 10px 0 25px
        }

        #footer ul {
            margin: 23px 0 0;
            text-align: right
        }

            #footer ul li {
                margin-right: 10px
            }

        #footer .nav-footer {
            margin-bottom: 0
        }

        #footer .copyright {
            margin-bottom: 0
        }

        #footer .wrapper-social {
            float: right;
            width: 25%
        }

        #footer .wrapper-nav {
            width: 50%;
            margin: 20px auto;
            float: right
        }

        #footer .wrapper-logo {
            float: left;
            width: 25%;
            margin-top: 5px
        }

        #footer .wrapper-copyright {
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px)
        }

        #footer .twitter {
            background-position: -5px -30px;
            width: 22px;
            height: 17px
        }

            #footer .twitter:hover {
                background-position: -5px -54px
            }

        #footer .facebook {
            background-position: -34px -30px;
            width: 11px;
            height: 17px
        }

            #footer .facebook:hover {
                background-position: -34px -53px
            }

        #footer .linkedin {
            background-position: -81px -31px;
            width: 18px;
            height: 17px
        }

            #footer .linkedin:hover {
                background-position: -81px -55px
            }

        #footer .instagram {
            background-position: -56px -31px;
            width: 17px;
            height: 17px
        }

            #footer .instagram:hover {
                background-position: -56px -55px
            }
}