.centered-footer{
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: inline;
}

.social-media{
    display: inline-block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    margin-left: 5px;
}

#facebook{
    background: url(../img/social_media/Facebook_OFF.svg);
}

#facebook:hover{
    background: url(../img/social_media/Facebook_ON.svg);
}

#twitter{
    background: url(../img/social_media/Twitter_OFF.svg);
}

#twitter:hover{
    background: url(../img/social_media/Twitter_ON.svg);
}

#instagram{
    background: url(../img/social_media/Instagram_OFF.svg);
}

#instagram:hover{
    background: url(../img/social_media/Instagram_ON.svg);
}

#youtube{
    background: url(../img/social_media/Youtube_OFF.svg);
}

#youtube:hover{
    background: url(../img/social_media/Youtube_ON.svg);
}

#wp{
    background: url(../img/social_media/Whatsapp_OFF.svg);
}

#wp:hover{
    background: url(../img/social_media/Whatsapp_ON.svg);
}


@media(max-width: 399px) and (min-width: 1px){
    .centered-footer{
        /*left: 80%;*/
    }
}