body {
    /*position: fixed;*/
    
}
.login-wrapper {
	display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    
}

.logo {
    padding-top: 50px;
    width: calc(100vw - 40px);
    max-width: 282px;
    transform: translate(-4%, 0);
    
    display: block;
	margin: 0 auto;
}

.top-buffer {
    /*margin-top: 3em;*/
}
.login input[type=text], .login input[type=password] {
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 5px 0;
	font-size: 1.1em;
	line-height: 2em;
	width: calc(100% - 0px);
}
.login .icon {
	margin-left: 10px;
	margin-right: 20px;
	font-size: 2em;
	color: #FBC7A9;
	background-color: #F4C6A8;
	/*-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;*/
	
	  /* what will show through the text
	      ~ or ~
	     what will be the background of that element */
	 /* background: #FBC7A9;*/
}
.login.submit {
  margin-top: 7mm;
  text-align: right;
}
.form-wrapper {
	flex:1;
}
form {
	margin: 32px auto 32px;
	padding: 16px 32px;
	max-width: 260px;
	/*width: calc(100vw - 40mm + 70px);*/
	background: rgba(255,255,255,0.5);
	border-radius: 8px;
}

body {
	/*min-height: calc(100vh - 34vw - 20mm);
	padding: 10mm 0 34vw 0;
    background: url(../img/footer.jpg) no-repeat bottom center;
	background-size: contain;*/
	/*box-sizing: border-box;**/
}
.footer {
	background: url(../img/footer.jpg) no-repeat bottom center;
	background-size: contain;
	width: 100vw;
	/*height: 100vw;*/
	/*height: calc(100vw - 54mm);*/
	/*position: fixed;*/
	bottom: 0;
	z-index: -1;
	/*bottom: 350px;*/
	/*bottom: 24%;
	bottom: 58vw;*/
}

.relies-info {
	color: rgba(0, 0, 0, 0.15);
	
}
.relies-info div {
	margin: 0px auto 16px;
	text-align: right;
	max-width: 260px;
	width: calc(100vw - 64px);
}