body {
	margin: 0;
	padding: 0;
	font-family: Inter,sans-serif;
	color: #2D3748;
	background-image: url(/authenticationendpoint/libs/themes/default/assets/images/bg.png);
	background-position: center;
    background-size: cover;
	min-width: 320px;
}

/* Layout */

.main-container {
	width: 90%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: 100vh;
}

header {
	padding: 5px;
}

.logo-container {
	max-height: 76px;
	max-width: 246px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	padding-top: 1rem;
}

img {
	max-height: 76px;
	max-width: 246px;
}

.content-container {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-radius: 10px;
	padding-right: 2.5rem;
	padding-left: 2.5rem;
	padding-top: 1rem;
	padding-bottom: 2rem;
	max-height: 70%;
	overflow: auto;
}

.footer-container {
	text-align: center;
	margin-top: 1rem;
	padding-top: 0.4rem;
	padding-botom: 0.2rem;
	height: 5%;
}

/* Typography */

h1,
h2,
h3 {
	color: #1a202c;
    font-style: normal;
    font-weight: 700;
}

h1 {
    font-size: 1.875rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.25rem;
}

.footer-p {
	color: #fff;
	margin: 0;
}

/* Links */

a {
    color: #2773ad;
    text-decoration: none;
}

/* Media Queries */

@media (min-height: 800px) and (min-width: 768px) {
	.main-container {
		height: 75vh;
	}
	.content-container  {
		max-height: 100%;
	}
	.footer-container {
		margin-bottom: 0.4rem;
	}
}