.social-icons > .fab, .social-icons > .fas {
    border-radius: 50%;
    padding: 7px 5px;
    border: 2px solid;
    margin: 0 5px 7px 5px;
    height: 38px;
    width: 38px;
    text-align: center;
}

#sm-list > li {
	list-style: none;
	border-bottom: 1px solid lightgrey;
	padding: 24px 10px;
}

#sm-list > li > div.sm-list-heading {
	display: inline-block;
	width: 47%;
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
	color: #002d6a;
	margin-right: 2em;
}

.social-icons {
	width: 43%;
	display: inline-block;
    font-size: 1.3rem;
}

#sm-list > li > div.social-icons > a {
	text-decoration: none;
}

#sm-list > li > div.social-icons > a:hover {
	color: #f99239;
}

#sm-name-search {
	height: 1.8rem;
    font-size: 1.2rem;
    padding-left: 5px;
    margin-left: 2em;
    width: 20rem;
    color: black;
    border-bottom: 1px solid black;
}

#sm-name-search::-webkit-input-placeholder { /* Edge */
  color: black;
}

#sm-name-search:-ms-input-placeholder { /* Internet Explorer */
  color: black;
}

#sm-name-search::placeholder {
  color: black;
}

.fa-credit {
  position: absolute; 
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px;
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  white-space: nowrap; 
  border: 0;
}

@media only screen and (max-width: 650px) {
.social-icons, #sm-list > li > div.sm-list-heading {
    width: 100%;
  }
}