@media (min-width: 576px) {
    .container {
        max-width: 100%; /* 540px; */
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%; /* 720px; */
        font-size: 10px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%; /* 960px; */
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100% ; /*1124px;  */
        font-size: 14px;
    }
}

@media (min-width: 1452px) {
    .container {
        max-width: 100%; /* 1360px; */
        font-size: 16px;
    }
}

html { font-size: 12px; }
  
@media screen and (min-width: 576px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

@media screen and (min-width: 992px) {
    html {
        font-size: 16px;
    }
}

/* min-width */
@media screen and (min-width: 900px) {
	.login-form {
		width: 600px;
		height: auto;
		top: 50%;
		margin-left: 25%;
		margin-top: -180px;
		background-color: #3193a8;
	}
}

/* max device width */
@media screen and (max-device-width: 850px) {
	.login-form {
		width: auto;
		height: auto;
		top: 50%;
		margin-top: -120px;
		background-color: #3193a8;
	}
}

body {
	background-color: #3193a8;
	width:100%;
}