@charset "UTF-8";

@font-face {
	font-family: 'TaubSans_regular';
	src: url('../font/TaubSans-Regular.woff2') format('woff2'),
		url('../font/TaubSans-Regular.woff') format('woff'),
		url('../font/TaubSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'TaubSans_medium';
	src: url('../font/TaubSans-Medium.woff2') format('woff2'),
		url('../font/TaubSans-Medium.woff') format('woff'),
		url('../font/TaubSans-Medium.ttf') format('truetype');
	font-weight: 400;
	font-style: normal
}

:root {
	/* CHOTA overrides */

	
	/* ADP */	
	--adp-red: rgb(208, 39, 29);
	--adp-black: #222222;
}

html {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-family: 'TaubSans_regular';
}

*, *:before, *:after {
	box-sizing: inherit;
	outline: none;
}

body {
	font-family: 'TaubSans_regular';
	height: 100%;
	background-image: url('../images/adp_logo_white.png');
	background-position: right 20px bottom 20px;
	background-size: 20%;
	background-repeat: no-repeat;
}

#page-content {
	padding: 1em;
	background-color: #fff;
	font-family: 'TaubSans_regular';
}

h1 {
	margin: 0;
	padding: 0;
}

.header {
	background-color: var(--adp-red);
	height: 60px;
	text-align: center;
	padding: 1%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header img {
	max-height: 75%;
}

button, .button {
	width: 100%;
	border-radius: 0;
	background-color: var(--adp-red);
	color: #fff;
	font-size: 1.2em;
}