#top-resmenu
{
  display:none;
  color: #FFF;
  font-size: 18px;
  line-height: 24px;
  z-index: 999;
  
}
.resmenuHei
{
  height: 4vh;
}

.resmenuIcon
{
  font-size:30px;
}
#top-resmenu a
{
  text-decoration: none;
  color: rgb(170, 170, 170);
  
}
#top-resmenu a:hover
{
  text-decoration: underline;
}
.resmenu
{
  display: none;
}
.responsive
{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.responsive a
{
  padding: 10px;
  background-color: #333;
}

@media only screen and (max-width: 900px)  {
  #top-resmenu {
    display: block;
	  position: fixed;
	  top: 0;
	}
	.iconflag img { width: 5vw; height: 5vw;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
  #top-resmenu {
    display: block;
	  position: fixed;
	  top: 0;
    font-size: 3.2vh;
    line-height: 5vh;
	}
  .resmenuHei
  {
    height: 8vh;
  } 
  .resmenuIcon
  {
    font-size:4vh;
  }
	.iconflag img { width: 6vw; height: 6vw;}
}