* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration:none;
   list-style: none;
}

img{
    user-select: none
}

p, img{
    max-width: 100%;
}

.flex{
    display: flex;
}

.row{
    width: 100%;
    display: flex !important;
  align-items: center !important;
  justify-content: center !important;

}

.container{
    flex-wrap: wrap;
    align-items: end;
    justify-content: end;
    align-content: end;
}

.Comp-color,
.Med-quilates {
    width: 100%;
}

.ctr{
    align-items: center;
    justify-content: center;
}

div.Med-quilates-div.row.flex{
    flex-wrap: nowrap !important;
}


div.flex.row{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.Comp-color-groups {
    grid-template-areas: "a a a b b b b c c c d d d e e e e";
}