.newsletter__hr {
    width: 80%;
    height: .4rem;
    background-color: #bd992e;
    margin: 0 auto;
    border: none;
}

.newsletter {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.newsletter .newsletter__form {
    width: 100%;
    height: auto;
}

.newsletter .newsletter__form .form__title {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.new_single {
    font-family: Poppins;
    font-size: 1.5rem;
    text-align: center;
    margin: 1rem 0;
}

.newsletter .newsletter__form .form__inputs {
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 100px 100px 100px;
    grid-template-areas:
        "a b"
        "c d"
        "e e"
    ;

    .itemA {
        grid-area: a;
    }

    .itemB {
        grid-area: b;
    }

    .itemC {
        grid-area: c;
    }

    .itemD {
        grid-area: d;
    }

    .itemE {
        grid-area: e;
    }

    justify-items: center;
    align-items: center;
}

.newsletter .newsletter__form .form__inputs .inputs__value {
    padding: .5rem;
    width: 90%;
    font-family: 'Poppins';
    margin: .5rem 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #bd992e;
    color: white;
    outline: none;
    font-size: 1rem;
}

.form__button {
    width: 60%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.form__button #send__btn {
    width: 100%;
    padding: 7px 80px;
    font-family: 1.2rem;
    margin: 2rem 0;
    background-color: #bd992e;
    border: none;
    border-radius: .2rem;
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 1rem;
    border: 2px solid transparent;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.form__button #send__btn:hover {
    background-color: transparent;
    border: 2px solid #bd992e;
    color: white;
}

@media (max-width: 600px) {
    .newsletter .newsletter__form .form__inputs {
        grid-template-rows: repeat(5, 1fr);
        grid-template-areas:
            "a a"
            "b b"
            "c c"
            "d d"
            "e e"
        ;

        .itemA {
            grid-area: a;
        }

        .itemB {
            grid-area: b;
        }

        .itemC {
            grid-area: c;
        }

        .itemD {
            grid-area: d;
        }

        .itemE {
            grid-area: e;
        }
    }

    .newsletter .newsletter__form .form__inputs .inputs__value {
        width: 100%;
        font-size: .8rem;
    }

    .newsletter .newsletter__form .form__title {
        width: 100%;
        height: auto;
    }

    .newsletter .newsletter__form .form__title h2 {
        font-family: Poppins;
        font-size: 1rem;
    }

    .form__button {
        width: 100%;
    }
}