div#flyout_menu
{
  display: none;
  justify-content: flex-end;
  position: absolute;
  top: 10px;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  border: 1px none red
}

div#flyout_menu img
{
	display: block;
  width: 18px;
  margin: 0;
	cursor: pointer;
}

div#flyout_menu nav#flm_topnav
{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  margin-top: .2em;
  top: 100%;
  right: 0;
  visibility: hidden;
  opacity: 0;
  max-width: 0;
  width: auto;
  
  row-gap: 4px;

  transition: max-width 0.5s linear 0s, opacity 0.5s linear 0s, visibility 0s linear 0s;
  -webkit-transition: max-width 0.5s linear 0s, opacity 0.5s linear 0s, visibility 0s linear 0s;
  -moz-transition: max-width 0.5s linear 0s, opacity 0.5s linear 0s, visibility 0s linear 0s;
  -o-transition: max-width 0.5s linear 0s, opacity 0.5s linear 0s, visibility 0s linear 0s;

  z-index: 110;
  border: 2px none black;
}

div#flyout_menu nav#flm_topnav > div
{
  display: flex;
  background-color:  #ededf3;
  width: 100%;
  padding: 4px 12px 4px 8px;
  letter-spacing: 1px;
  border: 2px solid gray;
  border-radius: 6px;
  cursor: pointer;
}

div#flyout_menu nav#flm_topnav > div:hover
{
  background-color: gray;
  color: white;
}

@media screen and ( max-width: 600px )
{
  div#flyout_menu { display: flex; }
}