:root {
	--Logo-Width			: 117px;
	--Logo-Height			: 100px;
	--Bright-Unsat-Yellow	: #EADDB8;
}

DIV.body IMG {
	border					: 1px Solid var(--Light-Blue);
	border-radius			: 0.15em;
	margin					: 0 0.5em 0.25em 5px;
}

DIV.logo IMG.logo {
	margin					: 16px 16px 0 16px;
}

DIV.language IMG {
	margin					: 0 0 0 1em;
	padding					: 0;
	border					: 0;
	border-radius			: 10px;
}

DIV.language IMG.current {
	height					: 1.9em;
}

DIV.body IMG.small  {
	max-width				: 35%;
	border					: none;
	border-radius			: 5px;
}
DIV.body DIV.side-by-side IMG.right.small {
	max-width				: 35%;
	float					: Right;
	clear					: Both;
	margin					: 0 0 0.25em 0.5em;
	padding					: 0;
}

DIV.body > .box > P > IMG.small {
	margin					: 1em;
	border					: 1px Solid #9c4900;
	box-shadow				: none;
}

DIV.body IMG.portrait  {
	max-width				: 35%;
	border					: none;
	border-radius			: 5px;
	margin					: 1em !important;
	padding					: 0 !important;
}

DIV.body IMG.glyph {
	border					: none;
	box-shadow				: none;
	border-radius			: 0;
	margin					: 0 0.25em 0 0;
}


DIV.body BLOCKQUOTE {
	font-size				: 1.5em;
}

DIV.body H3 {
	clear					: Both;
}

DIV.body H3.noclear {
	clear					: none;
}

DIV.body DIV.columns .box,
DIV.body DIV.box {
	background-image		: url('images/pattern-repeat.png');
	margin					: 0 0 0.5em 0;
	box-shadow				: inset 0px 0px 5px var(--Pantone-420);
	transition				: 0.20s;
}

DIV.body DIV.columns .box dl,
DIV.body DIV.box dl {
	padding					: 0.55rem 0.75rem 0 0.75rem;
}

DIV.body .column UL LI, DIV.body .box UL LI {
	padding					: 0 0 0.5rem 0.7rem;
}


DIV.body DIV.columns .box.ellipsis {
	box-shadow				: inset 0px 0px 5px var(--Pantone-420);
}


DIV.body DIV.columns .box.ellipsis, 
DIV.body DIV.box.ellipsis {
	padding-bottom			: 5em;
}
DIV.body DIV.columns .box.ellipsis:hover {
	box-shadow				: inset 0px 0px 5px var(--Pantone-420),
							  0px 0px 5px var(--Pantone-420);
}


DIV.body DIV.columns .answer, DIV.body DIV.box .answer {
	border					: 1px solid #7DABD0;
	border-radius			: 5px;
	transition				: 0.25s;
	background-image		: url('images/pattern-repeat.png');
	background-color		: #DDF0FF;
	background-size			: inherit;
	box-shadow				: 0px 0px 2px var(--Dark-Blue);
	margin					: 0 0.4em 0.6em 0.75rem;
}

DIV.body DIV.columns .answer:hover, DIV.body DIV.box  .answer:hover {
	box-shadow				: 0px 0px 5px #BED4E4;
	border					: 1px solid #BED4E4;
	transition				: 0.25s;
}


DIV.body>DIV.box {
	overflow				: auto;
	box-shadow				: inset 0px 0px 5px var(--Pantone-420);
	transition				: all 200ms ease;
}
DIV.body>DIV.box:hover {
	box-shadow				: inset 0px 0px 5px var(--Pantone-420),
							  0px 0px 5px var(--Pantone-420);
	transition				: all 200ms ease;
}
DIV.body DIV.columns IMG {
	display					: Block;
	max-width				: Initial;
	float					: Initial;
	width					: 100%;
	min-width				: Calc(25vw - 12em);
	margin					: 0 auto 0.5em  auto;
}


DIV.body DIV.columns P.costs {
	font-size				: 90%;
}


DIV.body DIV.columns .box.choose {
	background-image		: linear-gradient(to right bottom, #E3AC95, #E7C1B0, #E9C6B6, #EBCCBD, #FFEFE7, #EDD1C4, #EDD1C4, #EDD1C4, #EBCCBD, #E7BFAD, #E7C1B0, #DF9678);
	border					: 1px Solid #9c4900;
	transition				: all 200ms ease;
}
DIV.body DIV.columns .box.choose:not(:last-child) {
	margin-right			: 0.5em;
}

DIV.body DIV.columns .box.choose:hover {
	border					: 1px Solid #DF9678;
	box-shadow				: 0px 0px 10px #DF9678;
	transition				: all 200ms ease;
}

DIV.body DIV.columns .box.choose.ellipsis H3 {
	border-bottom			: 1px Solid #fff5ed;
	background				: linear-gradient(to top, rgba(255, 203, 181, 0.46) 0%,rgba(223, 170, 148, 0.57) 100%);
}

DIV.body DIV.columns .box.ellipsis>*:last-child ,
DIV.body DIV.box.ellipsis>*:last-child {
	font-size				: 100%;
}


DIV.body div.columns > .column.box.ellipsis>*:last-child A::after {
	color					: white;
	content					: " →";
	font-size				: 1.5rem;
	transform				: translateX(-5px); 
	transition				: opacity 0.2s, transform 0.2s; 
}

DIV.body div.columns > .column.box.ellipsis>*:last-child A:hover::after {
	color					: white;
	transform				: translateX(10); 
	transition				: 0.25s;
	text-shadow				: 0px 0px 5px white;
}

DIV.body DIV.columns .box.ellipsis>*:last-child IMG,
DIV.body DIV.box.ellipsis>*:last-child IMG {
	width					: 26px;
	float					: right;
	min-width				: 0;
	border					: none;
	box-shadow				: none;
	border-radius			: 0;
}

DIV.body div.columns > .column.box.ellipsis>*:last-child A {
	font-size				: 1.1rem;
	border					: 1px solid #538c00;
	text-decoration			: none;
	padding					: 0.45rem;
	box-shadow				: 0px 0px 10px #b5de77;
	border-radius			: 0.25rem;
	background				: #74c200;
	color					: white;
	bottom					: 1rem;
	position				: relative;
}

DIV.body div.columns > .column.box.ellipsis>*:last-child A:hover {
	border					: 1px solid #99c45a;
	background				: #56A33E;
	color					: white;
}


DIV.body DIV.columns P.left {
	text-align				: Left;
}

DIV.body DIV.column UL.tag-collection,
DIV.body DIV.box UL.tag-collection {
	list-style-type			: None;
	display					: Flex;
	flex-direction			: Row;
	flex-wrap				: Wrap;
	gap						: 0.5em;
	margin-bottom			: 1em;
}
DIV.body DIV.column UL.tag-collection LI,
DIV.body DIV.box UL.tag-collection LI{
	background				: rgba(0, 0, 0, 0.065);
	border					: 1px solid  var(--Pantone-420);
	border-radius			: 0.25em;
	padding					: 0.25em 0.5em;
	margin					: 0;
	font-size				: 110%;
}

FORM {
	background-color		: #BBDCF67A;
	border					: 1px solid #8ECCFF;
	width					: 85%;
	margin					: 1em auto;
	box-shadow				: inset 0 0 10px #eaf5fc;
}
FORM BUTTON {
	margin-top				: 1em;
}
FORM INPUT:not([type="hidden"]), 
FORM SELECT, 
FORM BUTTON, 
FORM TEXTAREA {
	border					: 1px solid #99D2FF;
	border-radius			: 5px;
	cursor					: pointer;
	background-color		: #FFFFFFB2;
}


DIV.body DIV.button-collection {
	display					: Flex;
	flex-direction			: Row;
	flex-wrap				: Wrap;
}
DIV.body DIV.button-collection .button {
	flex-grow				: 1;
	flex-shrink				: 0;
	flex-basis				: initial;
	padding					: 0.55rem 0.75rem 0 0.75rem;
	margin					: 0 0 0.7em 0;

}


DIV.body DIV.columns .choice,
DIV.body DIV.columns .thanks {
	flex-grow				: 1;
	flex-shrink				: 0;
	flex-basis				: 0;
	font-size				: Larger;
	font-weight				: Normal;
	background-image: linear-gradient(to right bottom, #E3AC95, #E7C1B0, #E9C6B6, #EBCCBD, #FFEFE7, #EDD1C4, #EDD1C4, #EDD1C4, #EBCCBD, #E7BFAD, #E7C1B0, #DF9678);
	color					: Black;
	border					: 1px Solid #735E55;
	margin					: 0.5em;
	margin-bottom			: 1em;
	border-radius			: 0.15em;
	box-sizing				: Border-Box;
	width					: Calc(100% - 1em);
	min-height				: 4em;
	transition				: 0.25s;
}
DIV.body H2.big,
DIV.body H3.big {
	font-size				: xxx-large;
}
DIV.body H3.button, DIV.body H4.button {
	font-size				: 1rem !important;
}
DIV.body .box .button A {
	background-image		: url('../images/button-r.jpg');
	background-size			: cover;
	padding					: 0;
}

DIV.body .box .button:hover A {
	background-image		: url('../images/button-y.jpg');
	border					: 1px Solid #cdb65b;
	background-size			: cover;
	box-shadow				: 0px 0px 5px #DF9678;
	box-shadow:
		0px 0px 5px #DF9678,
		0.07em 0.07em 0.02em 0 inset rgba(5, 5, 5, 0.5),
		0 0 0.05em 0.25em inset rgba(25, 25, 25, 0.15),
		0 0 0 0 inset rgba(255, 255, 255, 1),
		0.05em 0.05em 0.05em inset rgba(255, 255, 255, 0.25),
		-0.025em -0.025em 0.025em 0.025em inset rgba(5, 5, 5, 0.25);
}

DIV.body DIV.columns .choice,
DIV.body DIV.columns .thanks {
	/*min-width				: 16em;
	max-width				: 90%;*/
}

DIV.body DIV .button:hover A,
DIV.body DIV.columns .choice:hover,
DIV.body DIV.columns .thanks:hover {
	border					: 1px Solid #DF9678;
	box-shadow				: 0px 0px 5px #DF9678;
}

DIV.body DIV.columns > .thanks H4 {
	font-size				: 300%;
}

DIV.body DIV.columns > .choice  IMG.graphic {
	max-width				: 20em;
	margin					: 0.5em Auto;
	padding					: 0;
	border					: None;
	border-radius			: 0;
	box-shadow				: None;
}

DIV.body DIV.columns > .choice  IMG.photo {
	width					: 100%;
	min-width				: Initial;
	margin					: 0.5em Auto;
	padding					: 0;
	border-radius			: 0.15em;
	box-sizing				: Border-box;
}



P.callout {
	background-image		: linear-gradient(to right bottom, #DED0F4, #B7A4D5);
	text-align				: center;
	display					: block;
	padding					: 1em 1.5em;
	max-width				: 45%;
	clear					: none;
	border					: 1px Solid #551a8b;
	box-shadow				: inset 0px 0px 5px #551a8b;
	
}
P.callout SPAN:first-child {
	font-size				: xx-large;
	margin-bottom			: 0.5rem;
}
P.callout SPAN {
	display					: Block;
	max-width				: 50vw;
	font-size				: large;
}

DIV.body DIV.side-by-side IMG {
	box-sizing				: Border-Box;
	max-width				: Calc(100% - 5px);
	float					: Initial;
}


DIV.fitcheck-box {
	position				: Sticky;
	top						: 2em;
	z-index					: 1;
	width					: max-content;
	margin-left				: auto;
	float					: Right;
}
DIV.fitcheck-box SPAN {
	display					: None;
}
DIV.fitcheck-box SPAN:first-child {
	display					: Block;
	margin					: 0.25rem 0.25rem 0 0.25rem;
}
DIV.fitcheck-box SPAN:last-child {
	display					: Block;
	margin					: 0 0.25rem 0.1rem 0.25rem;
	font-size				: 0.75rem;
	font-weight				: Normal;
}

DIV.fitcheck-box A {
	display					: Flex;
	flex-direction			: Column;
	justify-content			: Left;
	align-items				: Left;
	font-size				: Larger;
	font-weight				: Bold;
	text-decoration			: None;
	background-image		: url('../images/button-r.jpg');
	background-size			: cover;
	color					: Black;
	border					: 1px Solid Black;
	margin					: 0;
	padding					: 0.25rem 1.25em;
	text-align				: Left;
	border-radius			: 0.15em;
	box-shadow				: 0px 0px 10px #ff9263;
	transition				: 0.5s;
}
DIV.fitcheck-box A:hover {
	background				: var(--Light-Blue);
	box-shadow				: 0px 0px 10px var(--Dark-Blue);
	transition				: 0.5s;
}

DIV.body {
	clear					: Both;
}


DIV.body DIV.fitcheck DIV.note {

}
DIV.body DIV.fitcheck DIV.body {

}
DIV.body DIV.fitcheck DIV.node {
	display					: None;
}
DIV.body DIV.fitcheck  DIV.node.selected {
	display					: Block;
}


.body > .fitcheck { 
	margin					: 1em 0; 
	background-color		: var(--Icy-Blue) !important
}

DIV.body DIV.fitcheck DIV.node {
	order: 2;
	flex-grow				: 0;
	flex-shrink				: 0;
	flex-basis				: 100%;
}
DIV.body>DIV.box.fitcheck {
	min-height				: 20em;
}
DIV.body DIV.box.fitcheck H4 {
	margin					: 0;
	font-size				: larger;
	background-color		: var(--Unsat-Blue);
	padding					: 0.5em;
	border-radius			: 5px;
}

DIV.body DIV.box .answer P {
	margin					: 0.5em;
}

DIV.body DIV.box > .radio {
	padding					: 0;
}

.fitcheck input[type="radio"], 
.fitcheck input[type="checkbox"] {
	position				: absolute;
	left					: -9999px;
}

.fitcheck label {
	display					: inline-block;
	margin					: 0 0.4em 0.6em 0.75rem;
	padding					: 0.35em 0.65em;
	border					: 1px solid var(--Dark-Blue);
	border-radius			: 2px;
	cursor					: pointer;
	white-space				: nowrap;
	background-color		: #FFFFFF6B;
}

.fitcheck label:hover {
	box-shadow				: 0px 0px 5px var(--Dark-Blue);
	background-color		: #FFF;
}

.fitcheck .fcq-panel {
	display					: none;
	margin-top				: 0.6em; 
	margin-top				: 0.6em; 
}

.fitcheck input[type="radio"]:checked + label + .fitcheck-panel {
	display					: block; 
}
.fcq input[type="checkbox"]:checked + label + .fcq-panel {
	display					: block;
}

.fitcheck input:checked + label {
	box-shadow				: 0px 0px 5px var(--Pantone-7541);
	border-color			: White;
	font-weight				: bold;
	background-color		: #FFF;
}

.fitcheck input:checked + label:hover {
	box-shadow				: 0px 0px 5px var(--Dark-Blue);
}

.fitcheck A {
	font-weight				: bold;
	color					: #004175;
}

.fitcheck A:HOVER {
	color					: var(--Dark-Blue);
	text-shadow				: #BED4E4 1px 0 10px;
}


DIV.body .badge-anchor {
	position				: Relative;
}
DIV.body DIV.columns .badges {
	display					: Flex;
	position				: Absolute;
	bottom					: 0;
	right					: 0;
	left					: 0;
	flex-direction			: Row;
	flex-wrap				: Wrap;
	justify-content			: flex-end;
	gap						: 0.25em;
	-border					: 1px solid green;
	padding					: 0.25em 0.12em;
	margin					: 1px;
	background				: RGBA(0, 0, 0, 0.5);
	border-radius			: 0;
}
DIV.body DIV.columns .badge {
	flex-grow				: 0;
	flex-shrink				: 0;
	flex-basis				: 0;
	width					: 5%;
	min-width				: 2rem;
}
DIV.body DIV.columns .badge IMG,
DIV.body DIV.side-by-side .badge IMG {
	width					: 100%;
	min-width				: Initial;
	border					: None;
	box-shadow				: None;
	border-radius			: 0;
	margin					: 0;
}
@media (pointer: coarse), (hover: none) {
	DIV.body DIV.columns .badge {
		position				: Relative;
		display					: Inline-flex;
		justify-content			: Center;
	}
	DIV.body DIV.columns .badge:focus::after {
		content					: Attr(title);
		position				: Absolute;
		top						: 90%;
		color					: Black;
		background-color		: White;
		border					: 1px Solid Black;
		width					: Fit-content;
		padding					: 0.25em 0.5em;
		z-index					: 1;
		border-radius			: 0.25em;
	}
}
DIV.body DIV.side-by-side .badges {
	#background				: RedGBA(1, 0, 0, 0.5);
	display					: Grid;
	grid-template-columns	: Repeat(auto-fit, minmax(12em, 1fr));
	grid-auto-rows			: 1fr;
	gap						: 0.5em 1em;
	margin-top				: 1em;
}
DIV.body DIV.side-by-side .badge IMG {
	width					: 2.5em;
	max-width				: none;
	display					: block;
	z-index					: 1;
	position				: relative;
}
DIV.body DIV.side-by-side .badge A:first-child {
	margin-right			: 1em;
}
DIV.body DIV.side-by-side .badge A:last-child {
	border					: 1px solid #B3B3B3;
	border-radius			: 0 1.25em 1.25em 0;
	padding					: 0.45rem 1.45rem 0.45rem 2em;
	background				: #0075FA;
	color					: white;
	margin-left				: -2em;
	z-index					: 0;
	font-size				: large;
	text-decoration			: none;
}
DIV.body DIV.side-by-side .badge A:last-child:HOVER {
	border					: 1px solid #64ADFF;
	background				: #0054B3;
	text-shadow				: 0 0 5px #C3BEFF;
}
DIV.body DIV.side-by-side  .badge {
	display					: Flex;
	flex-direction			: Row;
	justify-content			: Left;
	align-items				: Center;
}
DIV.body DIV.side-by-side  .badge .separator {
	display					: None;
}
DIV.body DIV.side-by-side  .badge .note {
	display					: Block;
	font-size				: 80%;
}

DIV.body DIV.mapBlock #mapImg {
	box-shadow				: 0px 0px 5px var(--Dark-Grey2);
	border-radius			: 0.15em;
	text-align				: Right;
	position				: Relative;
	margin					: 0 auto 0.5em  auto;
	padding					: 0;
	display					: Block;
	width					: 100%;
	min-width				: Calc(25vw - 12em);
}
DIV.body DIV.mapBlock #mapImg * {
	margin					: 0;
	padding					: 0;
}
DIV.body DIV.mapBlock DIV  {
	text-align				: Right;
}
DIV.body DIV.mapBlock BUTTON  {
	font-size				: 0.5cm;
}
DIV.body DIV.mapBlock BUTTON+BUTTON {
	margin-left				:1rem;
}
DIV.body DIV.mapBlock BUTTON * {
	vertical-align			: Middle;
	margin					: 0.25em;
	padding					: 0;
}
DIV.body DIV.mapBlock BUTTON IMG {
	display					: Inline;
	width					: Initial;
	height					: 1em;
	min-width				: Initial;
	border					: none;
	box-shadow				: None;
	border-radius			: 0;
}
DIV.body DIV.mapBlock #mapImg IMG,
DIV.body DIV.mapBlock #mapImg IFRAME {
	aspect-ratio			: 1 / 1;
	width					: 100%;
	height					: 100%;
	min-width				: Initial;
	margin					: 0;
	cursor					: Pointer;
	box-shadow				: None;
	border-radius			: 0.15em;
}
DIV.body DIV.mapBlock #mapImg SPAN {
	display					: Inline-Block;
	background				: White;
	color					: Black;
	position				: Absolute;
	bottom					: 0.5em;
	right					: 0.5em;
}
DIV.body DIV.mapBlock #mapImg SPAN A {
	text-decoration			: None;
	color					: Black;
}
DIV.body DIV.mapBlock #mapImg SPAN A:hover {
	text-decoration			: Underline;
}

DIV.body DIV.locationselector .box {
	background-color		: var(--Porcelain) !important;
		box-shadow			: inset 0px 0px 5px var(--Pantone-420);
}

DIV.body DIV.locationselector UL {
	list-style-type			: None;
}
DIV.body DIV.locationselector INPUT {
	position				: absolute;
	left					: -9999px;
}
DIV.body DIV.locationselector LABEL {
	position				: Relative;
	display					: Block;
	padding					: 0.5em;
	border-radius			: 0.25em;
	transition				: 0.25s;
}
DIV.body DIV.locationselector INPUT+LABEL {
	border					: 1px solid var(--Pantone-446);
	background				: var(--Pantone-420);
	transition				: 0.25s;
	color					: Black;
	transition				: 0.25s;
}
DIV.body DIV.locationselector INPUT+LABEL:hover {
	border					: 1px solid var(--Pantone-446);
	background				: #DCDCDC;
	box-shadow				: 0px 0px 5px var(--Pantone-446);
	transition				: 0.25s;
}
DIV.body DIV.locationselector LABEL:first-child,
DIV.body DIV.locationselector :checked+LABEL {
	border					: 1px solid #FBC56B;
	background				: #11110f;
	box-shadow				: 0px 0px 5px var(--Pantone-559);
	transition				: 0.25s;
}
DIV.body DIV.locationselector :checked+LABEL:hover {
	border					: 1px solid #FFEC4E;
	background				: #32322d;
	box-shadow				: 0px 0px 5px var(--Pantone-559);
	transition				: 0.25s;
}
DIV.body DIV.locationselector LABEL>P {
	position				: Absolute;
	bottom					: 0;
	right					: 0;
	margin					: 0.5em;
}

DIV.body DIV.locationselector A {
	color					: Black;
	transition				: 0.25s;
}
DIV.body DIV.locationselector LABEL>P>A {
	font-size				: 1.1rem;
	border					: 1px solid #591C00;
	text-decoration			: none;
	padding					: 0.45rem;
	box-shadow				: 0px 0px 2px #D44A00;
	border-radius			: 0.25rem;
	background				: #FB5600;
	color					: white;
	bottom					: 1rem;
	position				: relative;
}
DIV.body DIV.locationselector LABEL>P>A::after {
	color					: White;
	content					: " →";
	font-size				: 1.5rem;
	opacity					: 1; 
	transform				: translateX(-5px); 
	transition				: opacity 0.2s, transform 0.2s; 
}
DIV.body DIV.locationselector LABEL>P>A:hover::after {
	color					: White;
	text-shadow				: 0px 0px 5px white;
	opacity					: 1; 
	transform				: translateX(0); 
	transition				: 0.25s;
}

DIV.body DIV.locationselector H4 {
	color					: Black;
	margin					: 0 0 0.25rem 2.75rem;
	transition				: 0.25s;
	font-size				: 1.25rem;
}
DIV.body DIV.locationselector :checked+LABEL H4, DIV.body DIV.locationselector :checked+LABEL P, DIV.body DIV.locationselector :checked+LABEL A {
	color					: White;
	transition				: 0.25s;
}

DIV.body DIV.locationselector :checked+LABEL>P>A{
	font-size				: 1.1rem;
	border					: 1px solid #FF9D6A;
	text-decoration			: none;
	padding					: 0.45rem;
	box-shadow				: 0px 0px 5px #d64b00;
	border-radius			: 0.25rem;
	background				: #FF5700;
	color					: White;
	bottom					: 1rem;
	position				: relative;
	transition				: 0.25s;
	border					: 1px solid #FF9D6A;
}
DIV.body DIV.locationselector :checked+LABEL>P>A:hover {
	transition				: 0.25s;
	text-shadow				: 0 0 5px #ECD200;
}
DIV.body DIV.locationselector LABEL > P > A:hover {
	background				: #A93A00;
}
DIV.body DIV.locationselector :checked+LABEL>P>A::after {
	content					: " →";
	font-size				: 1.5rem;
	opacity					: 1; 
	transform				: translateX(-5px); 
	transition				: opacity 0.2s, transform 0.2s; 
}
DIV.body DIV.locationselector :checked+LABEL>P>A:hover::after {
	color					: White;
	opacity					: 1; 
	transform				: translateX(0); 
	transition				: 0.25s;
}
DIV.location.selected > .columns > .column H3 {
	padding					: 0.55rem 0.75rem 0 0.75rem;
	margin					: 0;
	border-bottom			: 1px solid var(--Charcoal-Green);
	background				: linear-gradient(to top, var(--Ash-Grey),rgba(255, 255, 255, 0) 100%);
	transition				: 0.25s;
}
DIV.body DIV.locationselector DL {
	margin					: 0;
	padding					: 0;
}
DIV.body DIV.locationselector DT {
	position				: absolute;
	left					: -9999px;
}
DIV.body DIV.locationselector DD {
	display					: Flex;
	flex-direction			: Row;
	justify-content			: Left;
	align-items				: Center;
	margin					: 0.5em;
	gap						: 1em;
}
DIV.body DIV.locationselector DD SPAN {
	display					: Block;
	position				: relative;
	left					: 0.3rem;
}
DIV.body DIV.locationselector UL {
	padding					: 0;
}
DIV.body DIV.locationselector UL LI {
	padding					: 0;
	margin					: 1em 5px 0.5em 5px;
}
DIV.body DIV.location {
	display					: None;
}
DIV.body DIV.location.selected {
	display					: Block;
}

DIV.location.selected > .columns > .column {
	background-color		: var(--Porcelain);
	box-shadow				: inset 0px 0px 5px var(--Ash-Grey),
							  0px 0px 2px var(--Ash-Grey);
}

DIV.location.selected > .columns > .column:hover {
	box-shadow				: inset 0px 0px 25px var(--Ash-Grey),
							  0px 0px 5px var(--Ash-Grey);
}


H4.small {
	font-weight				: initial;
}


DIV.navigation {
	background-image		: url('images/pattern-repeat.png');
}

DIV.navigation.professionals {
	color					: var(--Dark-Grey2);
	background-color		: #D5A4C2;
}

DIV.navigation.professionals UL, DIV.navigation.professionals UL UL {
	background-color		: transparent;
	background-image		: none;
}


DIV.body IMG.dropcap {
	box-shadow				: none;
	border					: none;
	border-radius			: 0;
}

DIV.body IMG.none {
	float					: none;
}

DIV.body PRE {
	min-height				: 15em;
}

DIV.footer {
	min-height				: 8.5em;
}
DIV.footer * {
	font-size				: revert;
}

DIV.footer DIV.category H2 {
	font-size				: 22px;
}

DIV.footer DIV.category:first-child DIV {
	width					: Calc(20%);
}
DIV.footer DIV.category:first-child A {
	display					: initial;
}
DIV.footer *.columns-3:first-child {
	width					: Calc(20%);
}

DIV.footer *.columns-3:nth-child(2) {
	width					: Calc(35%);
}

DIV.footer *.columns-3:nth-child(3) {
	width					: Calc(45%);
}
DIV.footer DIV.category P {
	margin					: 0 0 0.5em 0;
}
	
DIV.footer P.copyright {
	width					: 75%;
	font-size				: 76%;
}

DIV.footer.professionals {
	background-color		: #B7A4D5;
	background-image		: url('images/pattern-repeat.png');
	color					: var(--Dark-Grey2);
}
DIV.footer.professionals DIV.category P {
	margin					: 0 0 0.75em 0;
}
DIV.footer.professionals DIV.category LI A, DIV.footer.professionals DIV.category P A {
	float					: none;
	text-decoration			: None;
	color					: var(--Dark-Grey2);
}
@media only screen and (max-width: 836px) {
	DIV.logo {
		display				: flex;
		height				: 10em;
		overflow			: clip;
	}

	DIV.logo H1 {
		font-size			: 30px;
		display				: flex;
		flex-direction		: column;
		margin				: 0.25em;
	}

	 DIV.logo H1>span:first-child {
		order				: 2;
		font-size			: 25px;
	}

	 DIV.logo H1>span:nth-child(2) {
		display				: none;
	}

	 DIV.logo H1>span:nth-child(3) {
		order				: 1;
	}
	DIV.navigation LI A {
		color				: Black;
	}
	 DIV.navigation LI A:hover, DIV.navigation LI UL A:hover {
		color				: black;
	}
	DIV.navigation.professionals UL {
		color					: var(--Dark-Grey2);
		background-color		: #CBAFC0;
	}

	DIV.referers {
		top					: 8.5em;
	}
	
	P.callout {
		display				: block;
		padding				: 0.5em;
		max-width			: 100%;
		clear				: none;
	}
	P.callout SPAN {
		max-width			: 100%;
	}
	P.callout SPAN:first-child {
		font-size: x-large;
	}
	
	DIV.fitcheck-box {
		order				: 4;
		right				: 1em;
	}
	DIV.fitcheck-box>P {
		font-size			: 2.5vw;
	}

	DIV.body DIV.columns {
		grid-auto-rows		: initial;
	}

	DIV.body IMG.none {
		width				: 80px;
		min-width			: inherit;
		display				: initial;
	}
	
	DIV.body IMG {
		margin				: 0 auto 0.25em auto;
	}
	
	DIV.body IMG.small, DIV.body IMG {
		border				: none;
		border-radius		: 0.15em;
		box-shadow			: 0px 0px 3px var(--Dark-Grey2);
		float				: none;
		display				: block;
		margin				: auto;
		min-width			: 99%;
	}
	
	DIV.body > .box > P > IMG.small {
		margin				: auto;
		box-shadow			: 0px 0px 10px #DF9678;
	}
	
	DIV.body DIV.side-by-side {
		#flex-direction		: column;
		align-items			: center;
	}
	DIV.body DIV.side-by-side DL {
		width				: 100%;
	}
	DIV.body DIV.side-by-side>:first-child {
		min-width			: fit-content;
	}
	DIV.body IMG.glyph, DIV.body DIV.side-by-side IMG.glyph {
		min-width			: auto;
		display				: revert;
		margin-right		: 1em;
	}
	
	FORM {
		width					: 100%;
	}

	
	DIV.footer {
		display				: flex;
		flex-direction		: column;
		padding				: 0;
		min-height			: 25.5em;
		background-image	: url('images/pattern-repeat.png');
		background-repeat	: round;
	}
	DIV.footer * {
		font-size			: revert;
	}
	DIV.footer H2 {
		width				: 100%;
		text-align			: center;
		background			: var(--Pantone-7541);
	}
	DIV.footer DIV.category {
		position			: initial;
		width				: 100%;
		align-items			: center;
		display				: flex;
		flex-direction		: column;
		flex-grow			: 1;
		line-height			: 2em;
	}
	
	DIV.footer DIV.category P {
		font-size			: large;
	}

	DIV.footer DIV.category:first-child DIV {
		min-width			: 25%;
	}

	DIV.footer DIV.category:first-child A {
		display				: flex;
		Clear				: none;
	}

	DIV.footer DIV.category:first-child {
		width				: 100%;
		position			: relative !important;
		padding				: 0;
	}

	DIV.footer DIV.category:nth-child(2) {
		width				: 100%;
		text-align			: center;
		padding				: 0;
	}

	DIV.footer DIV.category:nth-child(3) {
		width				: 100%;
		padding				: 0;
	}

	DIV.footer P.copyright {
		bottom				: -3em;
		min-width			: 75%;
	}
}

@media only screen and (max-width: 750px) {
	DIV.body DIV.side-by-side P {
		width				: 100%;
	}
	DIV.body DIV.side-by-side IMG {
		min-width			: 100%;
		margin				: auto;
	}
}


@media only screen and (max-width: 500px) {
	DIV.logo IMG.logo {
		width				: 42px;
		margin				: 0px 0px 0 10px;
		position			: absolute;
		left				: 0;
		top					: 9em;
		height				: 36px;
	}

	DIV.logo A {
		order				: 2;
	}
}


@media only screen and (max-width: 380px) {
	DIV.logo H1 > span:first-child {
		word-break			: break-all;
	}

	DIV.logo IMG.logo {
		display				: none;
	 }
}