.head{
    text-align: center;
    color: white;
}
.img{
    margin-left: 16%;
    width: 600px;
}
#loading{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff
	url('./Spinner-1s-200px.gif')
	 no-repeat center center;	
	z-index: 99999;

}

.form{
    width: 400px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    border: #228B22;
}
h4{
    color: white;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.btn{
    background-color: white;
    width: 90px;
    height: 30px;
    border-radius: 20px;
    border: #228B22;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.img1{
    margin-left: 38%;
    margin-top: 10%;
    width: 250px;
    height: 300px;
}
.img2{
    margin-left: 48%;
    width: 50px;
    height: 50px;
    
}


@media screen and (max-width: 640px){
    .img{
        margin-left: 4%;
        height: 600px;
        width: 300px;
    }
    .main{
        width: 330px !important;
    }
    .form{
        width: 300px;
        height: 50px;
        text-align: center;
        border-radius: 50px;
        border: #228B22;
    }
    .img1{
        margin-left: 17%;
        margin-top: 10%;
        width: 250px;
        height: 300px;
    }
    .img2{
        margin-left: 43%;
        width: 50px;
        height: 50px;
        
    }
}