/*********************************************************************************************************************/
/* LOGIN */
/*********************************************************************************************************************/
section{min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
h1 {position:relative; width:100%; height:15vh; background:url("../../img/header.jpg"); background-position:bottom; background-size:100%;display:flex; flex-direction: column; align-items: center}
h1:after {content:""; position:absolute; bottom:0; display:block; width:100%; height:10vh; background-image:linear-gradient(0deg, #F2F2F2, rgba(255,255,255,0));}
h1 img {position:relative; top:17vh;display:block; width:19vw;}
center:last-of-type {position:relative; padding-bottom:1vh; font-size:1rem; color:#BFBFBF; text-transform:uppercase;}
center:last-of-type img {display:block; width:19vw;}
block {margin:20vh auto 5vh auto;}
open.on {margin-top:2vh;}
open label {font-size:1vh;}
open div.small>p:first-of-type {width:9vw;}
open block {margin-top:0;}
forget {position:absolute; margin:2vw 0; display:block; width:100%; text-align:center;}
hr {margin:2vw auto; width:33vw;}

@media screen and (max-width:1024px) {
	#charter {font-size: 1.6vw;}
	block {margin:17vh auto 0 auto;}
	h1 img {width:45vw;}
	center:last-of-type{font-size:2vw;}
	center:last-of-type img{width:40vw;}
	open label {font-size:1.5vw;}
	
}

@media screen and (max-width:780px) {
	#charter {font-size:2.6vw;width: 45vw;}
	h1{height: 10vh;}
	h1 img {top:13vh;width: 55vw;}
	center:last-of-type{font-size:3.5vw;}
	center:last-of-type img{width: 50vw;}
	block.large {width: 50vw;}
	hr{height: 1px;}
}