.contact-container {
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  padding: 2rem 10rem;
}
.contact-content {
	display: flex;
}
.contact-kaart-form {
	flex: 3;
	margin: 2rem;
}
.contact-info {
	flex: 1;
	margin: 2rem;
}
.contact-kopje {
	display: inline-block;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-weight: bold;
}
.dagnaam {
	display: inline-block;
	width: 120px;
}
.dag {
	display: inline-block;
	width: 300px;
}
.bs-input {
	width: 300px;
}
.bs-textarea {
	width: 100%;
	height: 160px;
}

/* MEDIAQUERIES */

@media (max-width: 800px) {

	.contact-container {
		padding: 7rem 1rem;
	  }
	.contact-content {
		flex-direction: column;
	}
	.bs-input {
		width: 100%;
	}
	.bs-textarea {
		width: 100%;
	}
	.bs-button {
		width: 100%;
	}
}