body {
display:flex;
justify-content:center;
font-size: 16px;
line-height: 20px;
color: #000;
font-family: "Proxima Nova Rg", sans-serif;
background:#f3f3f6;
}

.logo-container {
display:flex;
justify-content:center;
}

.logo {
width:100%;
max-width:15rem; 
height:auto;
text-align:center;
}

.heading {
padding-top: .5rem;
font-size: 1.75rem;
line-height:1.75rem;
letter-spacing: 1;
font-weight:bold;
text-align:center;
margin-top:0;
margin-bottom:1rem;
padding-bottom:.75rem;
margin-left:1rem;
}

.sub-heading {
font-size:1rem;
text-align:left;
margin-bottom:2rem;
margin-top:2rem;
font-weight:normal;
text-align:center;
}

.heading-2 {
padding-bottom: 10px;
color: #000;
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 1;
text-align:center;
}

.container {
margin-bottom:1rem;
}

.form-container {
max-width:32rem;
padding:1.5rem;
margin:1rem;
border-radius:.75rem;
border:1px #000 solid;
background:white;
}

.label-container {
display:block;
margin-top:.5rem;
}

.sub-text {
margin:0;
margin-top:.5rem;
font-size:.9rem;
color:#aaa;
}

.banner {
width:100%;
height:auto;
}

.question-container {
margin-bottom:1rem;
}

.question {
font-weight:bold;
}

.italics {
font-style:italic;
}

.question-container {
width:100%;
}

input[type=text], input[type=email], input[type=phone], input[type=tel] {
padding:1rem;
width:93%;
border-radius:.5rem;
--tw-border-opacity:1;
border:1px rgb(209 213 219 / var(--tw-border-opacity)) solid;
}

.area-code {
 margin:auto;
 padding:1rem;
}

input[type=tel] {
 border-left:none;
 border-top-left-radius:0;
 border-bottom-left-radius:0;
}

.phone-container {
 display:flex;
}

select {
padding:1rem;
width:100%;
border-radius:.5rem;
--tw-border-opacity:1;
border:1px rgb(209 213 219 / var(--tw-border-opacity)) solid;
}

select:hover, input[type=radio]:hover {
cursor:pointer;
}

.input-other {
margin-top:.5rem;
width:100%;
}

.contact-container {
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:.5rem;
}

.button-container {
display: flex;
justify-content:center;
}

.submit {
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .75rem;
background-color: #000;
width:100%;
height:45px;
margin-top:1.5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.submit:hover {
background:#333;
cursor:pointer;
}

.thank-you {
text-align:center;
}

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

@media screen and (max-width: 570px) {
input {
 max-width:90%;
}
}



@media screen and (max-width: 370px) {
input {
 max-width:85%;
}
}