@charset "utf-8";
#firstNameLabel {
	grid-area: 1 / 1 / 1 / 1;	
}

#firstName {
	grid-area: 2 / 1 / 2 / 6;
}

#lastNameLabel {
	grid-area: 1 / 6 / 1 / 6;	
}

#lastName {
	grid-area: 2 / 6 / 2 / -1;
}

#companyNameLabel {
	grid-area: 3 / 1 / 3 / 4;
}

#companyName {
	grid-area: 4 / 1 / 4 / 6;
}

#phoneNumberLabel {
	grid-area: 3 / 6 / 3 / 9
}

#phoneNumber {
	grid-area: 4 / 6 / 4 / -1;
}

#emailLabel {
	grid-area: 5 / 1 / 5 / -1;
}

#email {
	grid-area: 6 / 1 / 6 / -1;
}

#eventTypeLabel {
	grid-area: 7 / 1 / 7 / 4;
}

#eventType {
	grid-area: 8 / 1 / 8 / 5;
}

#eventDateLabel {
	grid-area: 7 / 5 / 7 / 8;
}

#eventDate {
	grid-area: 8 / 5 / 8 / 8;
}

#budgetLabel {
	grid-area: 7 / 8 / 7 / -1;
}

#budget {
	grid-area: 8 / 8 / 8 / -1;
}

#eventAreaLabel {
	grid-area: 9 / 1 / 9 / -1;
}

#eventArea {
	grid-area: 10 / 1 / 10 / -1;
}

#submit {
	grid-area: 11 / 1 / 11 / -1;
}

#form_grid span {
	color: #811D1E;
}

label, span {
	font-variant: small-caps;
	font-style: italic;
	font-weight: 300;
	font-size:0.9rem;
}

input[type="text"], textarea {
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  color: #333333;
}

input {
	border-radius: 20px;
	padding: 0 15px;
	height: 30px;
}

.label_move {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

.form_main {
	padding: 20px;
}

.leftTxtShift {
	margin-right: 10px;
}

.middleTxtShift {
	margin-left: 10px;
	margin-right: 10px;
}

.rightTxtShift {
	margin-left: 10px;
}

textarea {
	resize: none;
	border-radius: 20px;
	padding: 0 15px;
}

input[type="submit"] {
	margin-top: 20px;
}

input:focus,
textarea:focus {
    outline: 3px solid #0b5ed7;
    outline-offset: 2px;
}

#eventArea {
    min-height: 150px;
}

#submit {
    padding: 12px 24px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size: 1rem;
}

.center-content {
    text-align: center;
}

.narrow-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Center headings */
.center-content {
    text-align: center;
}

/* Center and limit paragraph width */
.narrow-content {
    max-width: 900px;
    margin: 0 auto 20px auto;
    text-align: center;
}

/* Bottom information section */
.contact-info-section {
    max-width: 900px;
    margin: 40px auto;
    text-align: center;
}
.contact-info-section p {
	border:1px solid black;
}

/* Form container */
#form {
    max-width: 1000px;
    margin: 0 auto;
}

/* Grid container */
#form_grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    width: 100%;
}

/* Center featured card content */
.card-center {
    text-align: center;
}

/* Give bottom card some breathing room */
.card-featured {
    max-width: 900px;
    margin: 40px auto;
}
.contact-info-section {
    max-width: 1200px;
    margin: 40px auto;
    text-align: center;
}