.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("/resources/images/woman-dog-sea-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    
    padding: 15vw 0px;
    background-position-y: 40%;
}

#foster-contents {
    width: 45vw;
    margin: auto auto;
    margin-top: 1%;
}

@media screen and (max-width: 1000px) {
    #foster-contents {
        width: 70vw;
    }
}

@media screen and (max-width: 400px) {
    #foster-contents {
        width: 85vw;
    }
}

#foster-page > :not(#foster-header) {
    font-family: 'Times New Roman', Times, serif;
    color: darkgreen;
}

#foster-page > h2 {
    font-size: 2em;
    color: black;
}

#foster-page h2 {
    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;

    padding: 1%;
}

#foster-a-pet-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/resources/images/woman-dog-sea-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    text-align: center;
    font-size: clamp(1rem, 5vw, 4rem);
    font-weight: bolder;
    font-family: 'Times New Roman', Times, serif;

    color: white;

    width: 60%;
    padding: 20%;
}

#foster-page ul {
    padding-left: 5%;
}

#foster-page hr {
    border-bottom: 2px solid darkgreen;
    width: 100%;
}

hr {
    /* margin-top: 30px; */
    margin-top: 3%;
}