/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@media (max-width: 480px) {
    body{
        padding-left: 3%;
        padding-right: 3%;
    }
    header {
        font-size: 0.9rem;
    }
    h1,h2{
        padding-left: 3%;
        padding-right: 3%;
    }
    h1{
        font-size: 1.4rem;
        margin-bottom: 12px;
    }

    h2{
        font-size: 1.1rem;
    }

    .div-center{
        display: flex;
        flex-direction: column;
        border: 1px solid #ccc;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .div-left{
        width: 100%;
        padding-left: 0px;
    }
    .div-right{

        width: 100%;
        min-height: 300px;
    }

    #Form1{
        margin: 30px auto 200px;
        /*padding: 10px 15px 10px 15px;/*
        /*min-width: 300px;*/
        /*max-width: 600px;*/
        /*border: 1px solid blue;
        border-radius: 5px;
        opacity: 90%;*/
    }

}