body {
  background-color: black;
}

.center {
  text-align: center;
  max-width: 100%;
  max-height: 100%;
  width: 76vh;

  border-width: 1px;
  border-style: dashed;
  border-color: black;

  margin: auto;
  display: inline-block;
}

.menunew {
  /*  margin: auto; */
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  position: relative;
  left: 0.3%;
  top: -10px;

  width: 100%;
  height: 80px;
  
  max-width:100%;
  max-height:80px;

  
   /* this controls the size of the social media buttons basically */

  border-width: 2px;
  border-color: black;
  border-style: dashed;
}

@media (min-width: 768px) {
  .menufix {
    height: 80px !important; /* this controls the size of the social media buttons basically */
  }
}

@media (max-width: 767px) {
  .menufix {
    height: 60px !important; /* this controls the size of the social media buttons basically */
  }
}

@media (max-width: 499px) {
  .menufix {
    height: 40px !important; /* this controls the size of the social media buttons basically */
  }
}

@media (max-width: 249px) {
  .menufix {
    height: 20px !important; /* this controls the size of the social media buttons basically */
  }
}


.menuitem {
  display: inline;
  text-align: center;
  white-space:nowrap;

/* position:relative;
  height:100%; 
  max-height: 60%;
  max-width: 60%;
  width: 15vw; 
  height: 15vw;
*/
  max-height: 100%;
  object-fit: contain;
}

.boksi {
  position: relative;
  width: 13vw;
  height: 10px;
  background-color: purple;
  text-align: center;
}

a:link, a:visited, a:active {
  position:relative;
  border-width: 1px;
  border-style: dashed;
  border-radius: 5px; 
  border-color: black;
  margin:-1px;
  display: inline-block;
  white-space:nowrap;
  height:100%;
}

a:hover {
  position:relative;
  border-width: 1px;
  border-style: dashed;
  border-radius: 5px; 
  border-color: white;
  display: inline-block;
  white-space:nowrap;
  height:100%;
}