@media (max-width: 800px) {
.everything {
width: 100%;
padding: 2rem;
}
.page-title {
font-size: 24px;
margin: 20px 0;
}
.counties {
gap: 30px;
}
.counties img {
height: 80px;
}
.logo{
width: 200px;
}
.goto-form {
font-size: 26px;
}
.vcet-form-wrapper {
padding: 1rem;
}
.vcet-form-container-1 {
margin: 1rem 0;
}
.vcet-form-container-2 {
padding: 0;
border: 0;
}
.vcet-emergency-header{
padding: 1.5rem;
}
.text-container{
padding: 1.5rem 0;
}
.vcet-emergency-header h2 {
font-size: 1.5rem;
}
.vcet-emergency-header p {
font-size: 16px;
line-height: 1.5rem;
}
.vcet-form-group {
margin-bottom: 1rem;
}
.vcet-radio-group {
flex-direction: column;
gap: 0.5rem;
}
.vcet-radio-group label {
width: 100%;
margin: 0;
}
.vcet-form input[type="text"],
.vcet-form input[type="number"],
.vcet-form input[type="email"],
.vcet-form input[type="tel"],
.vcet-form input[type="date"],
.vcet-form select,
.vcet-form textarea {
font-size: 16px;
padding: 0.75rem;
}
.vcet-submit-btn {
padding: 0.875rem;
font-size: 1rem;
}
}

@media (max-width: 400px) {
.page-title {
font-size: 20px;
}
.vcet-emergency-header h2 {
font-size: 1.25rem;
}
.vcet-emergency-header p {
font-size: 14px;
}
.vcet-form label {
font-size: 0.875rem;
}
.vcet-form input[type="file"] {
padding: 0.75rem;
}
.vcet-file-item {
flex-direction: column;
gap: 0.5rem;
}
.vcet-modal-content {
padding: 1rem;
}
.counties p{
line-height: 1.4rem;
font-size: .75rem;
}
.counties img {
height: 60px;
}
.goto-form {
font-size: 18px;
}
}
@media (max-width: 333px) {
.counties{
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.counties img {
height: 44px;
}
}