body {
/*overscroll-behavior: contain;*/

}


 :root::-webkit-scrollbar{
  display: none;
}

:root {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
 



/* define drop down menu*/
ul.hnavbar2 {
   list-style:none;
	margin-bottom:0;
	float: left;
	position:relative;
	z-index:5}
ul.hnavbar2 li {
	float: left;
	padding:0;
	margin-right: 1rem;
	margin-bottom:0;
	position:relative;
	}
ul.hnavbar2 li a { /*define first tier link*/
	display:block;
	padding: .25rem;
	padding-left: 0;
	font-family : arial;
	font-size: clamp(1.25rem, 1.25rem + .25dvw , 1.375rem);
	font-weight: normal;
	color: #000;
   border:none;
	text-decoration:none;
		}
ul.hnavbar2 li , ul.hnavbar2 li a:hover {
    color:#444;
	border:none;
	cursor:pointer;}
ul.hnavbar2 ul {
	list-style:none;
	position:absolute;
   left: -9999px	}
ul.hnavbar2 ul li {
	float:none;
	color: dodgerblue;
	background:whitesmoke; /*style cat. headings*/
	cursor: pointer;
	text-indent: 1.5rem;
	width:100%} /* Fills empty space - prevents transparency*/
ul.hnavbar2 ul a {
   color: dodgerblue; /*2nd tier color*/
	white-space:nowrap}
ul.hnavbar2 li:hover ul {
	left:0;
	border: solid 1px dodgerblue;
	
	}
ul.hnavbar2 li:hover a {
	background-color: whitesmoke;/*Needed to prevent transparency*/
	box-shadow: none}
ul.hnavbar2 li:hover ul a {
    padding : .25rem 1.5rem 0 .25rem; /*Increase white space in drop down*/
	text-decoration:none}
ul.hnavbar2 li:hover ul li a:hover {
	color: #444; /*2nd tier link color*/
	background:whitesmoke;
	text-decoration:none; /*Set underline instead of color change*/
	padding : .25rem 1.5rem 0 .25rem;;
	box-shadow:none}



/* Hide nested lists*/
ul.hnavbar2 li ul,
ul.hnavbar2 li:hover ul li ul ,
ul.hnavbar2 li:hover ul li ul li ul  {
position: absolute;
display:none
}

/*display 2nd tier list*/

ul.hnavbar2 li:hover ul {
position: absolute;
display: block;
left: 0;
min-width: 12rem;
white-space:nowrap;
z-index:5
}

/*Display 3rd tier list*/
ul.hnavbar2 li ul li:hover ul  {
display: block;
position: absolute;
top: 0;
left: 100%; /* display to right */
min-width: 12rem; /* width is based on the containing block */
z-index: 5
}


@media (max-width: 650px) {
nav ul.hnavbar2 {display: none} /*Hide Nav Menu*/

div.menu-display  {display:block} /*Show or Hide Toggle Button */


#myexplanation , #mywintip {
float:left;
width: 80dvw;
height: 500px;
padding: 5dvw 0;
margin: 0 0;
display:block;
position:absolute;
z-index: 5;
border: solid 1px
}



}

@media (max-width: 400px) {
	#myexplanation, #mywintip {
	float:left;
	width: 80dvw;
	min-width:300px;
	height: 500px;
	padding: 5dvw 0;}
		
	
}