* {
	font-size			: 1rem;
}


h1 {
	text-align			: center;
	font-size			: 1.5rem;
	color				: #038;
	text-transform		: capitalize;
	padding				: 1rem;
}

p {
	font-size			: .9rem;
	padding				: .5rem 0;
}

div#main
{
	width				: calc(100% - 2rem);
	min-height			: calc(100vh - 5rem);
	padding				: 0;
	margin				: 3rem 1rem;
}

div#logo
{
	display				: none;
	position			: fixed;
	width				: 10rem;
	height				: 10rem;
	right				: 2rem;
	top					: 2rem;
	border				: 1px solid #500;
}

div#footer
{
	position			: fixed;
	height				: 1.75rem;
	width				: calc(100% - 2rem);
	left				: 1rem;
	right				: 1rem;
	background			: rgba(255,255,255,.9);
	bottom				: 0;
	border-radius		: .5rem .5rem 0 0;
	color				: #AAA;
}

div#footer p
{
	font-size			: .8rem;
	text-align			: left;
}

div#header
{
}

div#breadcrumb
{
	position			: relative;
	display				: block;
	margin				: 0;
	padding				: .5rem;
	background			: linear-gradient(90deg, rgba(0,63,138,.9), #FFF);
	border-radius		: .5rem .5rem 0 0;
	border-bottom		: 1px solid rgba(0,63,138,.9);
}

div#breadcrumb p
{
	color				: #FFF;
	text-align			: left;
	font-weight			: 600;
}

/* MENU */

div#menu
{
	position			: fixed;
	top					: 0rem;
	left				: auto;
	right				: 1rem;
	width				: 70rem;
	padding				: 0 1rem;
	height				: 2rem;
	background-color	: rgba(0,63,138,.9);
	box-shadow			: 0 0 .2rem #AAA;
	border-radius		: 0 0 .5rem .5rem;
	color				: #FFF;
}

div#menu button
{
	height				: 100%;
	width				: 100%;
	background			: none;
	border				: none;
	color				: #038;
	font-size			: 1.5rem;
	text-align			: left;
	padding-left		: .5rem;
/*	border				: 1px solid #F00; */
}

div#menu > form > ul
{
	list-style			: none;
	width				: calc(100%-2rem);
	height				: 2rem;
	display				: flex;
	background			: none;
/*	border-left			: 2px solid #AAA;	
	border-right		: 2px solid #AAA;	*/
}

div#menu > form > ul > li
{
	height				: 100%;
	width				: 100%;
	background-color	: rgba(255,255,255,.9);
}

div#menu > form > ul > li:hover > ul
{
	display				: block;
}

div#menu > form > ul li:hover:hover > label,
div#menu > form > ul li:active > label,
div#menu > form > ul li:hover > button,
div#menu > form > ul li:active > button
{
	color				: #fff;
	transition			: .25s ease-out;
}

div#menu > form > ul li:hover,
div#menu > form > ul li:active
{
	background-color	: rgba(0,63,138,.9);
	transition			: .25s ease-out;
}



div#menu > form > ul > li > ul
{
	display				: none;
/*	border				: 1px solid #F00;*/
	position			: relative;
}

div#menu > form > ul > li > ul > li
{
	height				: 2rem;
	display				: block;
	text-align			: center;
	background-color	: #FFF;
	color				: #038;
	font-size			: 1rem;
}

div#menu label 
{
    pointer-events		: none;
	font-family			: SSP-semibold;
	font-size			: .9rem;
	text-transform		: uppercase;
	color				: #038;
	
	position			: absolute;
	margin-left			: 3rem; 
	margin-top			: .5rem;
	
}