.menu-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.menu-logo{
display: flex;
flex: 1;
}

.menu-items{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.menu-toggler{
  display: none;
}

.menu-item-cont{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}


@media (max-width: 776px) {
  .menu-toggler{
    display: flex;
  }

  .menu-items{
    display: none;
    top: 62px;
    left: 0;
    position: absolute;
    height: calc(100vh - 62px);
    width: 100vw;
  }
  .menu-item-cont{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(74, 134, 113, 1);
  }


  .menu-item{
    display: flex;
    width: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
    border-top: 4px solid #317259;
    font-size: 1.2em;
  }

  .menu-item:hover, .menu-item:active{
    background-color: #317259;
    font-size: 1.5em;
  }

  .visible-menu{
    display: flex;
  }
}