Você consegue facilmente o resultado desejado utilizando as classes float do Bootstrap, também retirei a tag nav
e o conteúdo dela que são as li eu coloquei dentro da div footer-logo
:
img {
width: 100px;
height: 30px;
}
lia {
list-style-type: none;
padding-right: 5px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<footer class="footer-bg">
<div class="footer">
<div class="footer-logo">
<a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>
<li<a class="float-right"><aright" href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
<li<a class="float-right"><aright" href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>
</div>
</div>
<hr style="border: 1px solid rgba(77,77,77,0.5)">
<p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
</p>
</footer>