my social media links in my footer are being cut off when window is full

html_________________

• Home

• About

• Coding Projects

• Resume

• Contact

• Login

title

• Privacy Policy

• Sitemap

© 2017

css__________________

body{

background-image: url("nyc.jpg");

position: relative;

background-size: 100% auto;

background-repeat: no-repeat;

margin:0;

padding: 0;

overflow: hidden;

clear: both;

}

nav{

float: right;

padding-top: 2%;

padding-right: 2%;

color: white;

}

nav ul{

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

}

nav li {

float: left;

}

nav li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

nav li a:hover {

color: #333;

}

#fLinks{

text-align: center;

}

#footer{

/*background: #aaa; */

padding-bottom: 15em;

color: white;

text-align: center;

margin-top: 0;

}

#test{

text-align: center;

color: white;

padding: 22.5%;

}

h6{

margin: 5px;

text-align: center;

padding-right: 3%;

}

ul{

list-style-type: none;

}

li {

display: inline;

}

#fLeft ul{

padding-right: 4.5%;

}

#fRight ul{

padding-right: 5%;

}

/*hover */

/*social media icons--facebook,twitter,linkedin,instagram,skype, rss */

.fa { /* sizing */

padding: 5px;

font-size: 20px;

width: 30px;

text-align: center;

text-decoration: none;

margin: 5px 3px;

border-radius: 50%;

}

.fa:hover {

opacity: 0.7;

}

.fa-facebook {

background: #3B5998;

color: white;

}

.fa-linkedin {

background: #007bb5;

color: white;

}

.fa-instagram {

background: #125688;

color: white;

}

.fa-skype {

background: #00aff0;

color: white;

}