#banner {
	text-align: center;
}

#banner p {
	width: 70%;
	margin: auto;
}

#main_content {
	max-width: 500px;
	border-radius: 10px;
	padding: 20px;
	margin-top: 20px;
}

#main_content p {
	text-align: center;
}

#quote-form {
	display: grid;
	gap: 10px;
}

input {
	border-radius: 5px;
	padding: 0 10px;
}

#submit-container {
	width: fit-content;
	margin: 20px auto;
}

#submit {
	text-align: center;
	padding: 10px;
	background-color: black;
	color: white;
	border-radius: 10px;
	border: none;

}

#quote-container {
	display: grid;
	grid-template-columns: minmax(50%, 1fr) minmax(50px, 1fr) minmax(50px, 1fr);
	margin-top: 10px;
	row-gap: 5px;
	align-items: center;
}

#quote-container div {
	display: flex;
	margin: 10px auto;
	justify-content: space-between;
}

#quote-container div input[type=text] {
	width: 10%;
}

#question-container {
	display: grid;
}

#phone-image,
#mail-image {
	width: 10px;
	margin-right: 5px;
}

#quote-form>div {
	width: 100%;
	display: grid;
	align-items: center;
}

#quote-form>div:not(.test-type) {
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}


.test-type {
	grid-template-columns: 80% 10% 10%;
	grid-column: 1 / 3;
}