.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}


.social-links {
	display: flex;
}

.social-btn {
	cursor: pointer;
	height: 50px;
	width: 50px;
	font-family: 'Titillium Web', sans-serif;
	color: #333;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
	background: white;
	margin: 5px;
	transition: 1s;
}

.social-btn span {
	width: 0px;
	overflow: hidden;
	transition: 1s;
	text-align: center;
}

.social-btn:hover {
	width: 150px;
	border-radius: 5px;
}

.social-btn:hover span {
	padding: 2px;
	width: max-content;
}

#twitter svg {
	fill: #1da1f2;
}

#linkedin svg {
	fill: #0e76a8;
}

#github {
	fill: #333;
}

.whatsapp-ico{
    fill: white;
    
    background-color: #4dc247;
    border-radius: 90%;
    
}

@media screen and (max-width: 718px) {
    
	.footer-icons{
	  margin-left: 30px;
	}

	.logo{
	  width: 200px;
	  height: 100%;
	  display: inline;
	}

	.web{
		margin-top: -50px;
	}
}