footer {
position: relative;
display: flex;
align-items: center;
height: 100vh;
width: 100%;
background: #0b1c2d;
color: #fff;
overflow: hidden;
font-family: 'Raleway', sans-serif;
}
.contact, .form {
position: relative;
width: 50%;
height: 70%;
font-family: 'Raleway', sans-serif;
border: none;
}
	.contact p {
	position: relative;
	margin: 2.5vh 2vw;
	font-size: 1.4vw;
	font-family: 'Raleway', sans-serif;
	}
	.contact .tittle, .form .tittle {
	position: relative;
	font-size: 2vw;
	text-align: center;
	margin: 2vh 2vw;
	font-weight: bold;
	color: #5696ae;
	font-family: 'Raleway', sans-serif;
	}
	.contact .social {
	position: relative;
	margin: 8vh 2vw 0 2vw;
	display: flex;
	justify-content: space-around;
	}
		.contact .social a {
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		}
		.contact .social img {
		position: absolute;
		width: 30%;
		filter: invert(75%);
		transition: 0.2s ease;
		}
		.contact .social img:hover {
		filter: invert(100%);
		}
	.form form {
	position: relative;
	}
		.form form label {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 1vh 0;
		font-size: 1.4vw;
		font-family: 'Raleway', sans-serif;
		}
		.form form input, .form form textarea {
		position: relative;
		display: block;
		margin: 0 auto;
		text-align: center;
		align-items: center;
		font-size: 1.4vw;
		background-color: transparent;
		outline: none;
		color: #065b7b;
		font-family: 'Raleway', sans-serif;
		border: solid #065b7b 2px;
		padding: 1vh 1vw;
		}
		.form button {
		position: relative;
		display: block;
		margin: 1.5vh auto;
		border-radius: 10px;
		cursor: pointer;
		background-color: #065b7b;
		color: #fff;
		font-weight: bold;
		font-size: 1.4vw;
		font-family: 'Raleway', sans-serif;
		padding: 2vh 1.5vw;
		border: none;
		}

@media screen and (max-width: 900px) {
footer {
height: 150vh;
display: flex;
flex-wrap: wrap;
}
.contact, .form {
width: 100%;
height: 50%;
font-family: 'Raleway', sans-serif;
}
	.contact .tittle, .form .tittle {
	font-size: 4.5vw;
	font-family: 'Raleway', sans-serif;
	}
	.contact p, .form form input, .form form textarea, .form form label, .form button {
	font-family: 'Raleway', sans-serif;
	font-size: 3vw;
	}
}
@media screen and (max-width: 700px) {
footer {
height: 150vh;
display: flex;
flex-wrap: wrap;
}
	.contact .tittle, .form .tittle {
	font-size: 5.5vw;
	font-family: 'Raleway', sans-serif;
	}
	.contact p, .form form input, .form form textarea, .form form label, .form button {
	font-family: 'Raleway', sans-serif;
	font-size: 4vw;
	}
}
@media screen and (max-width: 500px) {
footer {
height: 150vh;
display: flex;
flex-wrap: wrap;
}
	.contact .tittle, .form .tittle {
	font-size: 8vw;
	font-family: 'Raleway', sans-serif;
	}
	.contact p, .form form input, .form form textarea, .form form label, .form button {
	font-family: 'Raleway', sans-serif;
	font-size: 6vw;
	}
}