* {
		  box-sizing: border-box;
		}

		.outer-form {

			width:1024px; height:1024px;
			min-height:400px; min-width:400px;
			margin-left:auto; margin-right:auto;
			background-color:white;
			position:relative;
			background-image:url('images/gobiodata-login_1024.png');
			background-repeat:no-repeat;
			background-size=:contain;
			background-position:50%;
		
		}
		
		.inner-form {
			width:320px;
			top:28%;
			left:6%;
			padding:16px;
			background-color:white;
			position:absolute;
			opacity:0.8;
		
		}
		
		.bg-img {
			
		  /* The image used */
		  background-image: url("images/gobiodata-login_1024.png");

		  min-height: 450px;
		  height : 100vh;
		  min-width:400px;
		  width  : 90%;
		
		  /* Center and scale the image nicely */
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: contain;
		  position: relative;
		 
		}

		/* Add styles to the form container */
		.container {
		  position: absolute;
		  top: 35%;
		  left: 25%;
		  max-width: 320px;
		  padding: 16px;
		  background-color: white;
		  opacity: 0.9;
		}

		/* Full-width input fields */
		input[type=text], input[type=password] {
		  width: 90%;
		  padding: 15px;
		  margin: 5px 0 22px 0;
		  border: none;
		  background: #f1f1f1;
		}

		input[type=text]:focus, input[type=password]:focus {
		  background-color: #ddd;
		  outline: none;
		}

		/* Set a style for the submit button */
		.btn {
		  background-color: black;
		  color: white;
		  padding: 16px 20px;
		  border: none;
		  cursor: pointer;
		  width: 90%;
		  opacity: 0.8;
		}

		.btn:hover {
		  background-color: blue;
		  color: yellow;
		  opacity: 1;
		}	
		

	
		@media only screen and (max-width: 600px) {
			.bg-img {
			  /* The image used */
			  background-image: url("images/gobiodata-login_400.png");

			  /* Control the height of the image */

			
			  min-width: 480px;
			  /* Center and scale the image nicely */
			  background-position: top;
			  background-repeat: no-repeat;
			  background-size: auto;
			  position: relative;
			}	

			.outer-form {

				width:400px;
				min-width:400px;
				margin-left:auto; margin-right:auto;
				background-color:white;
				position:relative;
				background-image:url('images/gobiodata-login_480.png');
				background-repeat:no-repeat;
				background-size=:contain;
				background-position:50%;
			
			}		

			.inner-form {
				width:320px;
				top:26%;
				left:10%;
				padding:16px;
				background-color:white;
				position:absolute;
				opacity:0.8;
			
			}			
			.container {
				top: 180px;
				left: 60px;

			}
			
		}