.fa {
  font-size: 28px; /* size of icon */
  width: 50px; /* size of border */
  height: 50px;
  text-align: center;
  text-decoration: none;
  border-style: solid;
  border-color: #eeeeee;
  border-width: 2px;
  border-radius: 100px;
  margin-top: 10px; /* shift down */
  margin-left: 3px; /* spacing between icons */
  margin-right: 3px; /* spacing between icons */
  padding-top: 9px; /* position within border */
}

.fa:hover {
    color: #111111;
    background-color: #eeeeee;
}

.fa-envelope,
.fa-linkedin,
.fa-flickr,
.fa-instagram,
.fa-youtube,
.fa-vimeo {
  color: #eeeeee;
}


@media (max-width: 992px) {
  .fa {
    font-size: 25px;
    width: 48px; /* size of border */
    height: 48px;
    padding-top: 10px; /* shift down */
  }
}

@media (max-width: 768px) {
  .fa {
    font-size: 23px;
    width: 45px; /* size of border */
    height: 45px;
    margin-top: 5px; /* shift down */
    margin-left: 3px; /* spacing between icons */
    margin-right: 3px; /* spacing between icons */
    padding-top: 9px; /* position within border */
  }
}