body {
  background-repeat: no-repeat;
  background-color: #FFE04D;
  background-image: url('/assets/background.jpg');
  background-size: cover;
  overflow: hidden;
}

@media screen and (min-width: 635px) {
  .link-logo {
    width: 14rem;
    height: 10rem;
    margin-bottom: 1rem;
  }
}

@media screen and (min-height: 800px) {
  .logo {
    width: 10rem;
    margin: 2rem 0;
  }
}

@media screen and (min-width: 767px) {
  body {
    /* background-position: 0 64vh !important; */
  }

  .menu {
    margin: 0 auto;
    width: 38rem;
  }

  .link-logo {
    width: 18rem
  }
}

@media screen and (min-width: 1023px) {
  body {
    /* background-position: right 10vh !important; */
    background-size: contain;
  }

  .menu {
    position: fixed;
    bottom: 1rem;
    left: 2rem;
    width: 22rem
  }

  .link-logo {
    width: 10rem;
    height: 6rem;
    /* margin-right: 1rem; */
  }
}

@media screen and (min-width: 1200px) {
  .menu {
    width: 30rem
  }

  .link-logo {
    width: 14rem;
    height: 8rem;
  }
}