@charset "utf-8";
/* CSS Document */
:root{
	--whs-blue: #1f5da0;
	--whs-darkgreen: #35463d;
	--whs-lightgreen: #679058;
	--whs-lightgreen2: #5c8350;
	--whs-red: #a74145;
	--whs-red2: #983b3e;
	--whs-darkorange: #d96d39;
	--whs-lightpink: #d9afca;
	--whs-darkpink: #e6798e;
	--whs-lightorange: #ff8576;
}
.header-grid {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
			grid-template-rows: auto auto auto;
			grid-template-areas: 
				"banner banner banner banner banner banner"
				"memo memo memo register register register"
				"ho fa ag ex ac xx";
			grid-column-gap: 0px;
			grid-row-gap: 0px;
			max-width: 1104px;
			min-width: 600px;
			margin: 0em auto 0em auto;
		}	
	#banner {
		grid-area: banner;
	}
	#memo {
		grid-area: memo;
		background-color: var(--whs-darkpink);
	}
	#register {
		grid-area: register;
		background-color: var(--whs-darkpink);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#ho{
		grid-area: ho;
	}
	#fa {
		grid-area: fa;
	}
	#ag {
		grid-area: ag;
	}
	#ex {
		grid-area: ex;
	}
	#ac {
		grid-area: ac;
	}
	#xx {
		grid-area: xx;
	}
	#ho,#fa,#ag,#ex,#ac,#xx{
		background-color: var(--whs-darkgreen);
	}
	div.header-cont {
		padding: 1em;
	}
	.header-bigbutton {
		display: flex;
		background-color: var(--whs-red);
		width: calc(90% - 2em);
		height: 100%;
		border: none;
		margin: auto;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.header-bigbutton:hover {
		background-color: var(--whs-red2);
	}
	.header-mediumbutton {
		background-color: var(--whs-lightgreen);
		width: 100%;
		height: auto;
		text-align: center;
	}
	.header-mediumbutton:hover {
		background-color: var(--whs-lightgreen2);
	}
	.header-center {
		width: 100%;
	}
	h1.register-button {
		text-transform: uppercase;
		font-size: 2.4em;
		color: var(--whs-lightpink);
		font-family: ff-good-web-pro-condensed, sans-serif;
		font-weight: 700;
		font-style: normal;
		line-height: 1em;
		padding: 0em 1em 0em 1em;
	}
	h2.header-mediumbutton-label {
		font-size: 1em;
		padding: 0.6em 0em 0.6em 0em;
		margin: auto;
		color: var(--whs-darkgreen);
		font-family: ff-good-web-pro-condensed, sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	h2.header-mediumbutton-label:visited {
		color: var(--whs-darkgreen);;
	}
	p.header-tagline {
		color: var(--whs-darkgreen);
		font-size: 1.8em;
		margin: 0.6em 0em 0.6em 0em;
		font-family: ff-good-web-pro-condensed, sans-serif;
		font-weight: 400;
		font-style: normal;
		line-height: 1.2em;
	}
	img.header-logo {
		max-width: 100%;
		height: auto;
		padding: 0px;
		position: relative;
		top: 0.4em;
	}
	a.header-link {
		text-decoration: none;
	}
	.header-emph {
		font-family: ff-good-web-pro, sans-serif;
		font-weight: 700;
		font-style: normal;
	}
/*START FOOTER*/
	.footer-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"foota foota footb footc footd footf";
		background-color: white;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		max-width: 1104px;
		min-width: 600px;
		margin: 0em auto 0em auto;
	}
	#foota {
		grid-area: foota;
	}
	#footb {
		grid-area: footb;
	}
	#footc {
		grid-area: footc;

	}
	#footd {
		grid-area: footd;
	}
	#foote {
		grid-area: foote;
	}
	#footf {
		grid-area: footf;
	}
	div.footer-cont {
		margin-top: 2.4em;
		padding: 1em;
		background-color: var(--whs-darkgreen);
	}
	img.footer-logo {
		max-width: 100%;
		height: auto;
		padding: 0px;
		position: relative;
		top: 0.4em;
	}
	.footer-smallbutton {
		background-color: var(--whs-lightgreen);
		height: auto;
		text-align: center;
		width: 100%;
	}
	.footer-smallbutton:hover {
		background-color: var(--whs-lightgreen2);
	}
	h4.footer-button-label {
		font-size: 1.4em;
		padding: 0.6em 0em 0.6em 0em;
		margin: auto;
		color: var(--whs-darkgreen);
		font-family: ff-good-web-pro-condensed, sans-serif;
		font-weight: 700;
		font-style: normal;
	}
	h4.footer-button-label:visited {
		color: #274b57;
	}
	a.footer-link {
		text-decoration: none;
	}
/*END FOOTER*/