#contac{
	max-width: 100%;
	height: 25vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 50px;
	background: #000;
	animation: borderfooter 2s infinite;
	bottom: 0;

}

.redes{
	display: flex;
	margin: 0px, 0px;
	width: 45%;
	justify-content: center;
	align-items: center;

}


.redes .insta{
	background: url(image/instalogo.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 50px;
	transition: 0.3s;
}

.redes .insta:hover{
	background: url(image/instalogohover.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
}

.redes .insta:active{
	background: url(image/instalogoactive.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	transition: 0.1s;
}

.redes .beha{
	background: url(image/behaicon.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 50px;
	transition: 0.3s;
}

.redes .beha:hover{
	background: url(image/behaiconhover.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
}

.redes .beha:active{
	background: url(image/behaiconactive.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	transition: 0.1s;
}


.redes .sket{
	background: url(image/sketicon.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 50px;
	transition: 0.3s;
}

.redes .sket:hover{
	background: url(image/sketiconhover.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
}

.redes .sket:active{
	background: url(image/sketiconactive.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	transition: 0.1s;
}

.redes .yout{
	background: url(image/youticon.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 50px;
	transition: 0.3s;
}

.redes .yout:hover{
	background: url(image/youticonhover.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
}

.redes .yout:active{
	background: url(image/youticonactive.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	transition: 0.1s;
}


.redes .linked{
	background: url(image/linkedIcon.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 50px;
	transition: 0.3s;
}

.redes .linked:hover{
	background: url(image/linkedIconhover.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
}

.redes .linked:active{
	background: url(image/linkedIconactive.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	transition: 0.1s;
}

.redes .art{
	background: url(image/artIcon.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 50px;
	transition: 0.3s;
}

.redes .art:hover{
	background: url(image/artIconhover.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
}

.redes .art:active{
	background: url(image/artIconactive.png);
	background-size: 100%;
	width: 75px;
	height: 75px;
	transition: 0.1s;
}

.email{
	margin-left:  0px;
	width: 60%;
	height: 200px;
	transform: translateY(20%);
}

.email h1{
	font-family: OLDTYPE;
	color: #FF0078;
	margin-bottom: 20px;
	font-size: 40px;
	background: none;
	user-select: none;
}

.email p{
	font-family: OLDTYPE;
	color: #BBBBBB;
	width: 85%;
	text-align: justify;
	font-size: 20px;
	background: none;

}

.email p{
	color: #fff;
}

@keyframes borderfooter
{
	0%{
		box-shadow: none;
	}

	50%{
		box-shadow: 0 0 10px #fff, 0 0 20px #fff;
	}

	100%{
		box-shadow: none;
	}
}