/******************************************
	PAGE LOGIN
******************************************/
.login_container{
	width: 100%;
	max-width: 795px;
	min-height: 460px;
	display: flex;
	flex-direction: row;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background-color: $grey;

	@media screen and (max-width: $tablet) {
		flex-direction: column;
		min-height: auto;
	}

	.col{
		width: 50%;

		@media screen and (max-width: $tablet) {
			width: 100%;
		}

		h1{
			font-size: 32px;
			color: $white;
			margin-bottom: 15px;
		}

		p{
			margin-bottom: 17px;
		}
		&:first-child{
			background: url("~@/images/login_bg.jpg");
			background-size: cover;
			text-align: center;

			@media screen and (max-width: $tablet) {
				padding: 20px 0;
			}

			h2{
				font-size: 25px;
				color: $white;

				@media screen and (max-width: $tablet) {
					font-size: 20px;
				}
			}
			img{
				margin-top: 120px;
				margin-bottom: 10px;

				@media screen and (max-width: $tablet) {
					margin-top: 0px;
					width: 80px;
				}
			}

		}
		&:last-child{
			padding: 10% 7% 0 7%;

			input[type="text"], input[type="password"]{
				width: 100%;
				padding: 8px 10px;
			}
			.admin_link{
				margin-top: 86px;
			}
			a{
				color: $blue;
				text-decoration: underline;
			}
		}
	}
}