* {
		box-sizing:border-box;
		font-family: 'Montserrat', sans-serif;
	}
	body {
		position:relative;
		float:left;
		width:100%;
		margin:0;
		padding:0;
		
	}
	#container {
		position:relative;
		float:left;
		width:100%;
		height:100vh;
		background-image:url(../img/background.PNG);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:rgba(59, 172, 228, .7);
		
		
	}
		#form_wrap {
			position:absolute;
			width:350px;
			height:350px;
			top:50%;
			left:50%;
			margin-top:-175px;
			margin-left:-175px;
			background-color:rgba(0,0,0,.7);
			border-radius:10px;
			box-shadow: rgba(50, 50, 50, 0.5) 0px 7px 29px 0px;
		}
			#logo {
				position:relative;
				float:left;
				width:80%;
				margin: 20px 10%;
				height:110px;
				background-image:url(../img/logo_sub.png);
				background-position:center;
				background-repeat:no-repeat;
				background-size:90%;
				
			}
			#login_form {
				position:relative;
				width:80%;
				margin:0 10%;
				color:#fff;
				
			}
				#login_form input {
					position:relative;
					float:left;
					width:100%;
					border-radius:5px;
					margin:5px 0;
					font-weight:bold;
				}
				#login_form input[type="text"], #login_form input[type="password"] {
					padding:10px;
					border:none;
					color:#1e1e1e;
				}
				#login_form input[type="submit"] {
					padding:10px;
					background-color:#3bace4;
					border:none;
					text-transform:uppercase;
					color:#fff;
					
				}
				
		
@media only screen and (min-width: 360px) and (max-width:1024px) {
	
}
@media only screen and (max-width: 1024px) and (max-height:600px) {
	
}