footer{
	display: block;
	clear: both;
	background-color: #80e0ff;
	text-align: center;
	padding: 25px;
}
.simple-footer {
	background-color: #4b5860; /* Dark grey background */
    	color: #fff;
   	padding: 40px 20px;
    	text-align: center;
	border-top: 1px solid #a2a2a2;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.footer-content {
	max-width: 800px;
	margin: 0 auto;
}

.contact-info {
	margin-bottom: 20px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }

.contact-info a {
	color: #fff;
    	text-decoration: none;
    	margin: 0 15px;
    	transition: color 0.3s;
}

.contact-info a:hover {
	color: #4CAF50; /* Green highlight on hover */
}
.contact-separator {
    color: #555;
  }
.social-btn {
    	display: inline-flex;
    	align-items: center;
    	justify-content: center;
    	width: 40px;
    	height: 40px;
    	background-color: #444;
    	border-radius: 50%;
    	text-decoration: none;
	transition: background-color 0.3s;
}

.social-btn:hover {
    	background-color: #555;
}

.social-btn svg {
	width: 50px;
    	height: 50px;
    	fill: #fff;
}

.copyright {
    	font-size: 14px;
    	color: #aaa;
    	border-top: 1px solid #444;
    	padding-top: 20px;
}
.social-links {
    	display: flex;
    	justify-content: center;
    	gap: 20px;
    	margin-bottom: 20px;
}

@media (max-width: 768px) {
    .contact-info {
      flex-direction: column;
      gap: 10px;
    }

    .contact-info a {
      margin: 5px 0;
    }

    .contact-separator {
      display: none;
    }
}