/* Color palette:
#199470
#73e88c
#87d399
#114a5e
#f1e8d1
#dccaa0

Font sizes:
    1.2rem - header
    1.5rem - paragraphs
    1rem - footer
    1rem - small text
*/

/* HERO */
.hero {
    background-image: url("../images/hero-mob.png");
    background-size: 130%;
    background-position: center right;
    background-repeat: no-repeat;
}

.welcome {
    margin-bottom: 100px;
    padding-top: 100px;
}

.welcome-text {
    margin-top: 500px;
}

.apply-btn {
    min-width: 300px;
    border-radius: 50vw;
    background-color: #dccaa0;
    color: white;
    font-weight: 900;
    font-size: 1.2rem;
}

.apply-btn img, .food-stamps .btn img {
    max-width: 40px;
    transform: rotate(45deg);
}

main h2 {
    font-size: 1.5rem;
}

/* What are food stamps? */
.food-stamps .card {
    border-radius: 30px;
    min-height: 400px;
    border: #114a5e solid 3px;
}

.food-stamps .btn {
    min-width: 100%;
    background-color: #114a5e;
    color: white;
    font-weight: 900;
    font-size: 1.2rem;
    border-radius: 50vw;
}

.started-app p img {
    filter: invert(100%);
    max-width: 40px;
    transform: rotate(45deg);
}


.step {
    background-color: white;
    border: #114a5e 1px solid;
    border-radius: 30px;
    min-height: 300px;
    min-width: 300px;
    padding: 50px;
}

.step h3, .step p {
    color: #114a5e;
}

.step p {
    color: black;
}

.step .line-top {
    border-top: white 1px solid;
}

.what-will-need {
    padding-top: 100px;
}

.what-will-need .step {
    background-color: white;
    border: #73e88c solid 1px;
}

.what-will-need .step h3, .what-will-need .step p {
    color: black;
}

.county-row {
    margin-top: -60px;
}

.how {
    max-height: max-content;
}

@media screen and (min-width:768px) {
    .hero {
        background-image: url("../images/hero.png");
        background-size: 110%;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 110vh;
    }

    .welcome {
        padding-top: 0px;
        margin-bottom: 100px;
    }

    .welcome-text {
        margin-top: 0px;
    }
}