.CenterA,
.container_flex
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background: #FFF;
    color: #000;
}

.container_flex_center
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.justify_content_center
{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    align-items: center;
    height: auto;
    background: #FFF;
    color: #000;
}

/* ----- */

.flex_container 
{
    display: flex;
    justify-content: center;
    align-items: center;

    margin: 20px auto;
    /* margin: 20px; */

    width: 100%;
    width: auto;

    background-color: transparent;
}

@media (min-width: 768px)
{
    .flex_container
    {
        width: 400px;
    }
}

.flex_items 
{
  	display: flex;
    justify-content: center;
    align-items: center;
    
    padding: 10px;

    border: solid 3px #fff;
    border-radius: 60px;

    background-color: #aaa;
}

.flex_item 
{
  display: flex;
  justify-content: center;
  align-items: center;

  /* align-self: center; */
  /* text-align: center; */

  color: #000;
  color: #fff;
}