@charset "utf-8";
/* CSS Document */

.contact-form {
	max-width: 40vw;
	margin: 7vh auto;
	padding: 1vw;
	font-family: 'Montserrat', sans-serif;
	background: #f9f9f9;
	border-radius: 1em;
}
.contact-form label {
	display: block;
	margin-top: 2vh;
	font-weight: bold;
}

.contact-form input,.contact-form textarea {
	width: 100%;
	padding: 0.5vw;
	margin-top: 0.3px;
	border: 0.2vh solid #DA168B;
	border-radius: 4px;
	font-size: 1.3em;
	box-sizing: border-box;
}

.contact-form input:focus,
.contact-form textarea:focus {
	outline: none;
	border: #0077cc;
	box-shadow: 0 0 0.25vw rgba(0, 119, 204, 0.4) 
}

.contact-form button {
	margin-top: 2vh;
	width: 100%;
	padding: 1vw;
	background: #0077cc;
	color: #fff;
	border: none;
	border-radius: 0.8vw;
	font-size: 1.3em;
	cursor: pointer;
	transition: all 0.3s ease;
}
.contact-form button:hover {
	background-color: #DA168B;
}
.contact-form label {
  display: block;
  margin-top: 1vh;
}
.checkbox-style {
	display: flex;
}
.checkbox-style input[type="checkbox"]{
	transform: scale(2);
	margin: 1vh
}
.radio-field {
	display: flex;
	align-items: center;
  	gap: 0.5vw;
  	margin-top: 1vh;
}
.radio-field input[type="radio"] {
	width: auto;
	margin: 0;
}
@media (max-width:768px){
	.contact-form {
		max-width: 85vw;
	}
	.contact-form input, textarea {
		font-size: 1.3em
	}.contact-form label {
		font-size: 1.5em;
	}
	.contact-form button {
		border-radius: 1.2vw;
	}
}