body {
	font-family: 'Karla', sans-serif;
}

html {
	scroll-behavior: smooth;
}

#navbar {
	display: flex;
	justify-content: space-around;
  	align-items: center;
  	height: 23vh;
}

.navlinks {
  	gap: 2rem;
  	list-style: none;
  	font-size: 1.5rem;
  	display: flex;
  	color: white;
}

h3 {
	font-size: 45px;
	margin: 20px 0;
	text-align: center;
}

.contact {
	min-height: 60px;
	margin: 0 auto;
	padding:32px;

	.container {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 32px;
	}

	@media (min-width: 768px) {
		padding: 64px;
	}

	@media (min-width: 1024) {
		padding: 128px;
	}

	form {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 16px;
		background-color: white;
		padding: 32px;
		border-radius: 18px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);

		@media (min-width: 768px) {
			grid-template-columns: repeat(2, 1fr);
		}

		.form-group {


			&.full {
				grid-column: 1 / -1;
			}

			label {
				display: block;
				margin-bottom: 5px;
				/*color: ;*/
				font-size: 14px;
			}

			.form-element {
				appearance: none;
				outline: none;
				border: none;

				display: block;
				width: 94%;

				border-radius: 8px;
				padding: 12px 16px;
				background-color: #F3F3F3;

				testarea {
					resize: none;
					min-height: 100px;
				}
			}

			.submit-group {
				grid-column: 1 / -1;
				text-align: right;

				input[type="submit"]{
					appearance: none;
					outline: none;
					border: none;

				}
			}
		}

	}
}

.socmed {
	justify-items: center;
}

.social {
	list-style: none;
	display: flex;
	padding: 0 10px;
}

.socmed img {
	padding: 10px;
}

.emails {
	list-style: none;
	padding: 0 20px 0 20px;
	text-align: center;
}

.numbers {
	list-style: none;
	padding: 0 20px 0 20px;
	text-align: center;
}

footer {
	justify-items: center;
	align-content: center;
	height: 23vh;
}

.endnavlinks {
  	gap: 2rem;
  	list-style: none;
  	font-size: 1.5rem;
  	display: flex;
  	color: white;
  	padding: 0px 40px;
}