html {
    height: 100%;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

footer {
    background-color: black;
    text-align: center;
    position: absolute;
    width: 100%;
    height: auto;
    bottom:0;
    left: auto;
    right: auto;
}

.footer .row {
    width: 100%;
    margin: 1% 0%;
    padding: 0.6% 0%;
    color: gray;
    font-size: 0.8em;
}

.snap :hover {
    color: #FFFC00;
}

.insta :hover {
    color: #C32AA3;
}

.ytb :hover {
    color: #FF0000;
}

.twitter :hover {
    color: #1DA1F2;
}

.footer .row a {
    text-decoration: none;
    color: gray;
    transition: 0.5s;
}


.footer .row ul {
    width: 100%;
}

.footer .row ul li {
    display: inline-block;
    margin: 0px 20px;
}

.footer .row a i {
    font-size: 2em;
    margin: 0% 1%;
}

@media (max-width:720px) {
    .footer {
        text-align: left;
        padding: 5%;
    }

    .footer .row ul li {
        display: block;
        margin: 10px 0px;
        text-align: left;
    }

    .footer .row a i {
        margin: 0% 3%;
    }
}