.text-overlay-image-text {
    margin: auto auto;

    font-size: 3vw;

    font-weight: bold;
    font-size: clamp(1.1rem, 4.5vw, 4rem);
}

.text-overlay-image {
    background-image: url('../images/feeding_a_cat_with_a_treat.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    
    padding: 15vw 0px;
    background-position-y: 70%;

}

.text-overlay-image-content {
    
    
}

.input-text, textarea {
    resize: none;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    width: max(220px, 40%);
    
    padding: 5px;

    font-size: clamp(0.6em, 3vw, 0.9em);
    border-color: rgb(209, 209, 209);
}

#message {
    width: 100%;
}

.volunteer-content {
}

.center {
    width: max(300px, 45vw);
    margin: auto auto;
}

.volunteer-content label, 
.volunteer-content p, 
.volunteer-content li {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.1rem;
}

h3, h4 {
    color: green;
    font-size: min(0.9em, 100%);
}

.center-text {
    text-align: center;
    /* font-size: clamp(0.9em, 1.1vw, 1.3em); */
    font-size: clamp(1.1em, 2.1vw, 1.7em);
    /* font-size: 2.1vw; */
}

#introduction ul {
    padding-left: 20px;
    padding-right: 20px;
}

.volunteer-form ul {
    list-style-type: none;
}

.volunteer-form button {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    text-align: center;
    
    max-width: 100px;
    min-width: 70px;
    width: 30%;
    
    height: 35px;

    border-radius: 7px;
}

.input-form li {
    margin-bottom: 10px;
}

.input-label {
    margin-top: 0px;
    margin-bottom: 10px;
}

.flex-item {
    gap: 0px 3px;
    padding: 0px 2px;
}

.flex-item * {
    
}

.flex-container {
    padding: 0px 2%;
}

.light-green {
    
}

#note {
    font-size: max(18px, 1vw);
}