* {
		padding:0;
		margin:0;
		box-sizing: border-box;
	}

	body {
		background-color:#fff;
		background-image:url("../images/background.png");
		background-size:1920px;
		background-repeat:no-repeat;
		background-position:center;
		width:100%;
		height:100%;
		font-size:10px;
		color:#000;
		}

	.login {
		margin-top:5%;
		font-size:3em;
		text-align:center;
		width:100%;
		margin-top:0 auto;
		max-width:600px;
		}
	.login_box{
		margin-top:10px;
		}
	.main_title{
		position:absolute;
		width:80%;
		max-width:600px;
		top:20%;
		transform: translateY(-50%);
		z-index:100;
		left: 50%;
		transform: translateX(-50%);
		}

	.main_title img {
		width:100%;
		}

	.sub_title {
		margin-top:5%;
		}

	.main_logo{
		margin-top:150px;
		margin-bottom:50px;
		width:100%;
		max-width:600px;
		}

	.main_logo img {
		width:100%;
		max-width:200px;
		}

	.logo_heart{
		display:none;
		}
	button {
		margin-top:10px;
		font-size:1em;
		background-color:#63c2a6;
		color:#fff;
		padding:5 50 5 50px;
		border-radius: 20px;
		border:none;
		}
	
		@media(max-width:645px){
		.login {
			font-size:1.8em;
			bottom:35%;
			}
			.logo_heart {
				display:block;
				z-index:50;
				position:absolute;
				top:5%;
				right:5%
			}
			.logo_heart img{
				width:100px;
			}

		}