.container{
    width:100%;
    //background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
    background:#215f66;
    height:auto;
}
input[type=text],input[type=password],select{
                width:97%;
                padding:12px 20px;
                margin:8px 0;
                display:inline-block;
                border:1px solid #CCC;
                border-radius:4px;
                box-sizing:border-box;
                
            }
input[type=submit]{
    margin:8px auto;
    padding:5px;
    border-radius:4px;
    font-size:20px;
}
@media screen and (min-width: 280px){
.container{
    width:80%;
    margin:auto;
    padding:20px;
    border-radius:5px;
    color:white;
}
h3{
    text-align:center;
    font-size:30px;
}
}
@media screen and (min-width: 550px){
.container{
    width:80%;
    margin:auto;
    padding:20px;
    border-radius:5px;
    color:white;
}
h3{
    text-align:center;
    font-size:30px;
}
}

@media screen and (min-width: 767px){
.container{
    width:40%;
    margin:auto;
    padding:20px;
    border-radius:5px;
    color:white;
}
h3{
    text-align:center;
    font-size:30px;
}
}
@media screen and (min-width: 1280px){
.container{
    width:25%;
    margin:auto;
    padding:20px;
    border-radius:5px;
    color:white;
}
h3{
    text-align:center;
    font-size:30px;
}
}