.ice_tea
{
    padding-top: 5vh;
    font-size: 1.5rem;
    line-height: 2rem;
    width: 100vw;
}

.ice_tea .content
{
    width: 50vw;
    margin: auto;
}

.ice_tea form
{
    margin-bottom: 1rem;
}

.ice_tea p
{
    color: #000000;
    padding-left: 2.5vw;
}

.ice_tea h1
{
    padding-top: 0vh;
    padding-bottom: 3vh;
    font-weight: bold;
}

.ice_tea h2
{
    padding-bottom: 5vh;
}

.ice_tea ul li
{
    list-style-position: inside;
    font-size: 1.5rem;
}

.ice_tea ul
{
    padding-bottom: 7vh;
}


.ice_tea .mail
{
    display: flex;
}

.ice_tea .mail .input-container
{
    width: 50%;
    margin-bottom: 1rem;

}

.ice_tea .input-container:nth-child(1)
{
    margin-right: 1rem;
}

.ice_tea .input-container input
{
    width: 100%;
    height: 2rem;
}

.ice_tea textarea
{
    resize: vertical;
    width: 100%;
}

.ice_tea form button
{
    color: var(--grisClair);
    background-color: #ffffff;
    border: 3px solid var(--orange);
    padding: 0.5rem 1rem;
    font-weight: bold;
    transition: 0.2s;
    font-size: 1.3rem;
    cursor: pointer;
}

.ice_tea form button:hover
{
    color: #000000;
    border: 3px solid var(--orange);
    background-color: var(--orange);
    padding: 0.5rem 1rem;
    font-weight: bold;
}

@media screen and (max-width:1200px)
{
    .ice_tea .content
    {
        width: 65vw;
    }
}

@media screen and (max-width:991px)
{
    .ice_tea .content
    {
        width: 80vw;
    }
}

@media screen and (max-width:768px)
{

    .ice_tea .content
    {
        width: 95vw;
    }

    .ice_tea .mail
    {
        flex-direction: column;
    }

    .ice_tea .mail .input-container
    {
        width: 100%;
    }
}