#header {
  background-color: var(--colorGreenTranslucent);
  border-bottom: 2px solid var(--colorBlue);
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  > #container {
    align-items: flex-end;
    display: flex;
    margin: 0px 15px 0px 15px;
    max-width: 1100px;
    width: 100%;
    > #logo {
      height: 60px;
      margin: 20px 30px 20px 0px;
      > img {
        border: none;
        cursor: pointer;
        height: 100%;
      }
    }
    > #language {
      display: flex;
      align-items: flex-end;
      height: 100%;
      @media (max-width: 900px) or (pointer: coarse) {
        position: absolute;
        right: 65px;
        bottom: 0px;
      }
      > a {
        cursor: pointer;
        line-height: 26px;
        padding: 55px 10px 19px 10px;
        text-decoration: none;
        @media (pointer: fine) {
          &:hover {
            color: white;
          }
        }
      }
      > p {
        color: white;
        line-height: 26px;
        padding: 0px 0px 19px 0px;
        &:nth-child(2) {
          margin: 0px 10px 0px 0px;
        }
      }
    }
  }
}