<footer>

<div class="container" style="max-width: calc(1000px - (30px * 2));">
    <hr>
        <ul class="d-flex d-md-none mt-4">
            <li class="mx-auto">
                <a href="https://github.com/{{ site.github_username }}" title="View my GitHub profile">
                    <i class="fab fa-github" style="font-size: 2rem; color: #000;"></i>
                </a>
            </li>

            <li class="mx-auto">
                <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}" title="View my LinkedIn profile">
                    <i class="fab fa-linkedin" style="font-size: 2rem; color: #0077b5;"></i>
                </a>
            </li>

            <li class="mx-auto">
                <a href="https://twitter.com/{{ site.twitter_username }}" title="Tweet at me">
                    <i class="fab fa-twitter" style="font-size: 2rem; color: #55acee;"></i>
                </a>
            </li>

            <li class="mx-auto">
                <a href="mailto:aditya@adityawagh.ml" title="Email Me">
                    <i class="fas fa-at" style="font-size: 2rem;"></i>
                </a>
            </li>
        </ul>
    </div>
</footer>