#form1 {
    margin-left: 25vw;
    margin-right: 25vw;
    width: 30%;
}

.container {
    overflow: hidden;
}

.amount {
    width: 12vw;
    margin-left: 0px;
    /* margin-right: 40vw; */
}

/* cell phone ....................................... */
@media screen and (min-width: 320px) and (max-width: 480px){
    .container {
        width: 100%;
    }

    .right_article {
        display: none;
    }

    .left_article {
        float: none;
        width: 80%;
        justify-content: center;
        text-align: center;
        margin: -50px auto 0px auto;
    }

    .left_article h3 {
        font-size: 25px;
    }

    .left_article ul {
        width: 70%;
        margin-top: 50px;
    }

    .left_article ul li {
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
    }

    #form1 {
        margin-left: 20vw;
        margin-right: 20vw;
        width: 20%;
    }

}
/* Smartphones (landscape) ---------- */
@media screen and (min-width: 321px){

}

/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 481px) and (max-width: 1000px){
    .right_article {
        float: none;
        min-width: 96vw;
    }

    .right_article img {
        margin-left: 2vw;
        margin-right: 2vw;
        min-width: 96vw;
        height: auto;
    }

    .left_article {
        float: none;
        width: 80%;
        justify-content: center;
        text-align: center;
        margin: -30px auto 0px auto;
        font-size: 25px;
    }

    .left_article h3 {
        font-size: 35px;
    }

    .left_article ul {
        width: 70%;
        margin-top: 50px;
        font-size: 20px;
    }

    .left_article ul li {
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
    }
}

/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 1001px) and (max-width: 2000px){
    .right_article {
        float: none;
        min-width: 96vw;
    }

    .right_article img {
        margin-left: 20vw;
        margin-right: 20vw;
        width: 50vw;
        height: auto;
    }

    .left_article {
        float: none;
        width: 80%;
        justify-content: center;
        text-align: center;
        margin: -30px auto 0px auto;
        font-size: 25px;
    }

    .left_article h3 {
        font-size: 35px;
    }

    .left_article ul {
        width: 70%;
        margin-top: 50px;
        font-size: 20px;
    }

    .left_article ul li {
        text-align: left;
        width: 100%;
        margin-bottom: 10px;
    }
}
