.mobile-menu {
  display: none;
}

.toggle, .mobile-menu {
  width: 100%;
}

.is-active .mobile-menu {
  display: block;
}

html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.main-content {
  flex-grow: 1;
}

.share{
/*  background-image: url('/images/share.jpg');
  background-repeat: no-repeat; !* Do not repeat the image *!
  background-size: 100% 100%;
  !*opacity: 50%;*!
  !*background-size: cover; !* Resize the background image to cover the entire container *!*!
  !*background-color:rgba(0, 0, 0, 0);*!
  opacity: 0.5;*/
  /*position: relative;*/
  height: 100vh;
  width: 100%;
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
}

.share::before {
  content: "";
  background-image: url('/images/share.jpg');
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.5;
}

.navbar {
  /*width: 100%;*/
  /*max-width: 1440px;*/
  /*height: 197px;*/
  /*background-color: var(--light-navy-blue);*/
  background: linear-gradient(120deg, white 20%, #2d6598 20%);
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .navbar {
    background: linear-gradient(120deg, white 10%, #2d6598 10%);
  }
}