.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #3f484a;
    color: #c9d2d3;
    text-align: center;
}
.fa {
	padding: 15px ;
	font-size: 22px;
  	width: 50px;
	text-align: center;
	text-decoration: none;
  	margin: 0px 20px 20px 0px;
  	border-radius: 50%
	
}

.fa:hover {
   background: white;
  color: #fa624c;
}
	

.fa-facebook {
  	background-color: #106b7a;
	color: white;
}

.fa-google {
	background-color: #106b7a;
	color: white;
}

.fa-instagram {
 background-color: #106b7a;
	color: white;
}
	
.navbar {
  width: 100%;
  background-color: #3f484a;
  overflow: auto;
	
}

.navbar a {
  float: left;
  padding: 14px;
  color: white;
  text-decoration: none;
  font-size: 18px;
  width: 25%; 
  text-align: center;
	
}

.navbar a:hover {
  background-color: #c9d2d3;
  color: #000000;
}


@media screen and (max-width: 600px) {
 
	.navbar a {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
  }

}

	body,h1,h2,h3,h4,h5,h6,button,.w3-bar  {font-family: katarine-web, sans-serif; }
	


	/* Container Border */
header
		{   border-bottom: 15px solid #03ccdb; }
header
		{   background-color: #106b7a; }
body
	  	{   background-color: #c9d2d3; }