.flex-title-element {
  list-style:none;
  width: 98.5%;
  background-color: white;
  text-align: center;
  margin: auto;
  padding: 10px;
}

.flex-parent-element {
  list-style:none;
  display: flex;
  flex-direction: row;
  width: 98%;
  background-color: white;
  text-align: center;
  margin: auto;
  padding: 10px;
}

.flex-child-element {
  list-style:none;
  flex: 1;
  border: 0px solid SteelBlue;
  margin: 5px;
}

.flex-child-element:first-child {
  margin-right: 5px;
}





/*.flex-container {
  display: flex;
  flex-direction: row;
}*/

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-parent-element {
    flex-direction: column;
  }
}