#footerContainer{
     max-width: 900px;
  min-width: 300px;
    margin-left: auto;
  margin-right: auto;
}
#footer {
  display: flex;
  justify-content: space-between;
  /* max-width: 900px;
  min-width: 300px; */
  font-size: 80%;
  align-items: center;
 /* background-color: #e5e3df; */
  /* background-color: yellow; */
  padding: 20px 30px;
  /* margin-left: auto;
  margin-right: auto; */

  /* padding-top: 10px; */
  /* width: 100%; */
  /* border-top: 2px dotted #888888; */
}

.appItem {
  display: flex;
  align-items: center;
  /* background-color: yellow; */
  gap: 3px;
  margin-left: 5px;
}

.appGroups {
  display: flex;
  align-items: center;
}

#footer .icon {
  width: 30px;
}

#footer .star {
  width: 15px;
}

.appGroups a,
.appGroups a:visited {
    text-decoration: none;
}

.appGroups a:hover {
    color: black;
    text-decoration: underline;
}

.appGroups .vLine {
  height: 30px;
  border-left: 1px dotted #888888;
  margin: 0px 5px;
}

#copyright{
    text-align: center;
    font-size: 70%;
    border-top: 2px dotted #888888;
    padding: 10px 0px;
}

/* ***************************************************************************
Responsive for width less than 800 
   ************************************************************************** */
  @media (max-width: 800px) {
    .appGroups {
        flex-direction: column;
        align-items: flex-start;
    }

    #footer {
        align-items: flex-start;
    }

    #footer .header{
        font-weight: 1000;
        font-size: 110%;
    }

    #footer b{
        font-weight: 400;
    }

    #copyright{
            margin: 0px 30px;
    }
  }