@media only screen and (max-width: 920px) {
  h1 {
    font-size: 35px;
  }

  .contentAfterLogin {
    margin-left: unset;
    padding-bottom: calc(var(--nav-height-mobile) + 10px) !important;
    padding: var(--padding);
  }

  .headlineMobile {
    display: flex !important;
  }

  .headlineMobile img {
    cursor: pointer;
    width: 20px;
    height: 20px;
  }

  #loadingContainer {
    position: fixed;
    left: 0;
    top: var(--header-height);
    bottom: var(--nav-height-mobile);
  }
}

@media (max-width: 750px) {
  .marginBottom {
    margin-bottom: 15px;
  }
  .marginTop {
    margin-top: 15px;
  }
  .padding {
    padding: 15px;
  }
}

@media only screen and (max-width: 600px) {
  .arrowBackBlue {
    width: 23px;
    height: 22px;
  }
}

@media (max-height: 560px) {
  .logoDiv img {
    width: 40px;
    height: 60px;
  }
}

@media (max-height: 520px) {
  .logoDiv img {
    width: 30px;
    height: 50px;
  }
}