* { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	background-color: #26415a;
	background-size: cover;
	overflow-x: hidden;
	min-height: 100vh;
}

.wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.title {
	width: 100%;
	max-width: 700px;
	margin: 0 0 11px;
	padding: 0;
}

.title h1 {
	font-family: "SiteFontTitle";
	font-weight: bold;
	font-stretch: condensed;
	font-size: 55pt;
	color: #fdf8e3;
	margin: 0;
	line-height: 1;
}

h1 { margin: 0; }

.login {
	background-color: #fdf8e3;
	border-radius: 4px;
	padding: 35px 36px 40px;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	font-family: "SiteFont";
	font-weight: 200;
}

.login-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 26px;
}

.login-head h2 {
	font-size: 30pt;
	font-weight: 300;
	color: #5c5a4e;
	margin: 0;
}

.login-link-top {
	font-size: 12pt;
	color: #3d3d3d;
	text-decoration: underline;
}

.login-form {
	display: flex;
	flex-direction: column;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"] {
	width: 100%;
	font-family: "SiteFont";
	font-size: 16pt;
	padding: 14px 16px;
	margin-bottom: 18px;
	border: 1px solid #868377;
	border-radius: 3px;
	background-color: #fdf8e3;
	color: #5e5c53;
	font-weight: 300;
}

.login-form input::placeholder { 
	color: #868377; 
	font-weight: 200;
}

.forgot-row {
	text-align: right;
	margin: -10px 0 18px;
}

.login-link {
	font-size: 11pt;
	color: #2255cc;
}

.recaptcha-logo { display: block; font-weight: bold; }
.recaptcha-fine { font-size: 7.5pt; }

.login-submit {
	width: 100%;
	font-family: "SiteFont";
	font-size: 21pt;
	padding: 10px;
	border: none;
	border-radius: 3px;
	background-color: #26415a;
	color: #fdf8e3;
	cursor: pointer;
	font-weight: 200;
}

.login-submit:hover { background-color: #1e3448; }

.g_id_signin {
	margin-bottom: 18px;
}

.descrip {
	color: #5c5a4e;
	font-weight: normal;
}


@media (max-width: 550px) {
	.title h1 {
		margin-left: 10px;
	}
}





@font-face {
	font-family: "SiteFont";
	src: local("HelveticaNeue-Thin"), local("Helvetica Neue Thin"), url("fonts/Inter-Thin.ttf") format("truetype");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "SiteFont";
	src: local("HelveticaNeue-ThinItalic"), local("Helvetica Neue Thin Italic"), url("fonts/Inter-ThinItalic.ttf") format("truetype");
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: "SiteFont";
	src: local("HelveticaNeue-Light"), local("Helvetica Neue Light"), url("fonts/Inter-ExtraLight.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "SiteFont";
	src: local("HelveticaNeue-LightItalic"), local("Helvetica Neue Light Italic"), url("fonts/Inter-ExtraLightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "SiteFont";
	src: local("HelveticaNeue-Bold"), local("Helvetica Neue Bold"), url("fonts/Inter-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "SiteFontTitle";
	src: local("Helvetica Neue Condensed Bold"), local("HelveticaNeue-CondensedBold"), url("fonts/BarlowCondensed-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-stretch: condensed;
}