<div id="footwrap">
        <footer>

            <div id="footh3">
                <h3 class="h3">Follow me on social media:</h3>
            </div>

            <div id="footlink">
                <a href="http://www.facebook.com" target="_blank">
                    <img src="images/facebook-icon.svg" alt="Facebook">
                </a>

                <a href="http://www.instagram.com" target="_blank">
                    <img src="images/instagram-icon.svg" alt="Instagram">
                </a>

                <a href="http://www.youtube.com" target="_blank">
                    <img src="images/youtube-icon.svg" alt="YouTube">
                </a>

                <a href="http://www.twitter.com" target="_blank">
                    <img src="images/twitter-icon.svg" alt="Twitter">
                </a>
            </di>

        </footer>
</div>

#footwrap {
clear: both;
padding: 2%;
}

footer {
position: relative;
clear: both;
text-align: center;
width: 100%;
height: 8em;
margin-top: 12%;
}

#footh3 {
display: inline-block;
}

footer h3 {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1.17em;
margin-bottom: 2em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}

#footlink {
display: inline-block;
}

footer a {
text-decoration: none;
}

footer img {
display: inline-block;
max-width: 3%;
height: auto;
margin-left: 1.5%;
margin-right: 10px;
vertical-align: middle;
}

img{max-width:3%}
@media (max-width: 1000px){
  img{max-width:9%}
}
@media (max-width: 600px){
  img{max-width:15%}
}