@charset "utf-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
/* The above import is for font-awesome icons in the website footer */

/* CSS Document */
.mobile-responsive-footer {
	display: block;
	text-align: center;
	vertical-align: middle;	
	width: 100%;
	margin: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background-color: #337ab7;
	color: #ffffff;	
}
.nhs-icons {
	display: block;
	text-decoration: none;
	font-size: 1.2rem;
}
address {
	margin: 0;
	padding: 0;
}
@media (min-width: 48rem) {
	.mobile-responsive-footer {
		display: inline-block;	
		}
	.nhs-icons {
		display: inline-block;
	}
} /* [END MEDIA QUERY] */

/* BEGIN SOCIAL MEDIA ICONS */
	
.fa {
  padding: 0 1.25rem; /* [ORIGINAL WAS  20px] */
  font-size: 1.875rem; /* [ORIGINAL WAS  30px] */
  width: 1.875rem; /* [ORIGINAL WAS  30px] */
  text-align: center;
  text-decoration: none;
  margin: 0.3125rem 0.125rem; /* [ORIGINAL WAS  5px 2px] */
  border-radius: 50%;
}
	
.fa:hover {
    opacity: 0.7;
	color: #f99d1c;
}

.fa-phone {
  background: #337ab7;
  color: white;
}
	
.fa-envelope {
  background: #337ab7;
  color: white;
}

.fa-facebook {
  background: #337ab7;
  color: white;
}
	
.fa-instagram {
  background: #337ab7;
  color: white;
}
	
.fa-twitter {
  background: #337ab7;
  color: white;
}
/* END SOCIAL MEDIA ICONS */